一、绑定控件之Repeater
.NET封装了多种数据绑定控件,诸如GridView、DataList等但该篇文章将会从Repeater入手,因为Repeater只提供了基本的数据绑定模板,没有内置其它分页等功能,所以它是最原始的数据绑定控件,只要能够熟练运用Repeater控件其它的绑定控件也就很简单了。
1、Repeater简介
Repeater 控件是基本模板化数据列表。 它不像GridView控件一样能够可视化的设计格式或样式,因此开发时在控件模板中必须显式声明所有格式、格式和样式标记。另外Repeater控件没有内置选择、排序、编辑、分页等功能,它只提供了基本的数据绑定,但是它为开发人员提供了ItemCommand 事件,该事件支持在控件中收发命令。
想要绑定数据,模板是必不可少的,Repeater控件同样支持数据模板,而且还可以在模板中添加想要的标签,它主要用法如下图:
Note:每个 Repeater 控件必须定义 ItemTemplate。
二、控件使用技巧
上文讲解了Repeater基本的使用方法及它的一些基本特性,接下来做几个经典的示例来运用Repeater控件。
1、数据绑定之删除、编辑
该示例将会使用Asp.net的前台和后台结合来实现显示数据,并能够编辑和删除数据。
删除页面:
编辑页面:
前台代码:在单击编辑按钮后将会进入编辑页面,页面是由两个Panel控件来控制,通过传递ID号的方式判断显示的是编辑页面还是删除页面,另外前台代码通过设置控件的CommandArgument属性来传递后台所需要判断的id号。
<body> <form id="form1" runat="server"> <div> <asp:Repeater ID="userRepeat" runat="server" OnItemCommand="userRepeat_ItemCommand" OnItemDataBound="userRepeat_ItemDataBound"> <HeaderTemplate> <table border="1" style="width:1000px;text-align:center;border-collapse:collapse;"> <thead style="background-color:red;"> <tr> <th>ID</th> <th>内容</th> <th>操作</th> </tr> </thead> </HeaderTemplate> <ItemTemplate> <asp:Panel ID="plItem" runat="server"> <tr> <td><asp:Label runat="server" ID="lblID" Text='<%#Eval("id") %>'></asp:Label></td> <td><%#Eval("name") %></td> <td> <asp:LinkButton ID="lbtEdit" CommandName="Edit" CommandArgument='<%#Eval("id") %>' runat="server">编辑</asp:LinkButton> <asp:LinkButton ID="lbtDelete" CommandName="Delete" CommandArgument='<%#Eval("id") %>' runat="server">删除</asp:LinkButton> </td> </tr> </asp:Panel> <asp:Panel ID="plEdit" runat="server"> <tr> <td><asp:Label runat="server" ID="Label1" Text='<%#Eval("id") %>'></asp:Label></td> <td><asp:TextBox ID="txtName" runat="server" Text='<%#Eval("name") %>'></asp:TextBox></td> <td> <asp:LinkButton ID="lbtCancel" CommandName="Cancel" CommandArgument='<%#Eval("id") %>' runat="server">取消</asp:LinkButton> <asp:LinkButton ID="lbtUpdate" CommandName="Update" CommandArgument='<%#Eval("id") %>' runat="server">更新</asp:LinkButton> </td> </tr> </asp:Panel> </ItemTemplate> <FooterTemplate> </table> </FooterTemplate> </asp:Repeater> </div> </form> </body></div>
后台代码:在后台代码中很重要的两个事件是ItemCommand和ItemDataBound,其中ItemCommand负责接收前台传进来的按钮命令,根据命令的参数来设置后台传递的id,并在ItemDataBound中来验证id判断切换显示Panel。
using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebApplication4 { public partial class EditPage : System.Web.UI.Page { private int id = 0; //保存指定行操作所在的ID号 /// <summary> /// 窗体加载时绑定数据 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { this.DataBindToRepeater();//将数据绑定到Repeater控件上 } } /// <summary> /// 将数据源绑定Repeater控件上 /// </summary> private void DataBindToRepeater() { //使用using语句进行数据库连接 using (SqlConnection sqlCon=new SqlConnection("server=.;database=MyBlog;uid=sa;pwd=1")) { sqlCon.Open(); //打开数据库连接 SqlCommand sqlcom = new SqlCommand(); //创建数据库命令对象 sqlcom.CommandText = "select * from match"; //为命令对象指定执行语句 sqlcom.Connection = sqlCon; //为命令对象指定连接对象 this.userRepeat.DataSource = sqlcom.ExecuteReader(); //为Repeater对象指定数据源 this.userRepeat.DataBind(); //绑定数据源 } } /// <summary> /// Repeater控件命令事件 /// </summary> /// <param name="source"></param> /// <param name="e"></param> protected void userRepeat_ItemCommand(object source, RepeaterCommandEventArgs e) { //获取命令文本,判断发出的命令为何种类型,根据命令类型调用事件 if (e.CommandName=="Edit") //编辑命令 { id = int.Parse(e.CommandArgument.ToString()); //获取命令ID号 } else if (e.CommandName=="Cancel") //取消更新命令 { id = -1; } else if(e.CommandName=="Delete") //删除行内容命令 { id = int.Parse(e.CommandArgument.ToString()); //获取删除行的ID号 //删除选定的行,并重新指定绑定操作 this.DeleteRepeater(id); } else if (e.CommandName == "Update") //更新行内容命令 { //获取更新行的内容和ID号 string strText = ((TextBox)e.Item.FindControl("txtName")).Text.Trim(); int intId=int.Parse(((Label)e.Item.FindControl("lblID")).Text); //更新Repeater控件的内容 this.UpdateRepeater(strText,intId); } //重新绑定控件上的内容 this.DataBindToRepeater(); } /// <summary> /// 删除行内容 /// </summary> /// <param name="intId">删除行所在内容的ID</param> private void DeleteRepeater(int intId) { using (SqlConnection sqlCon = new SqlConnection("server=.;database=MyBlog;uid=sa;pwd=1")) { sqlCon.Open(); //打开数据库连接 SqlCommand sqlcom = new SqlCommand(); //创建数据库命令对象 sqlcom.CommandText = "delete from match where id=@id"; //为命令对象指定执行语句 sqlcom.Connection = sqlCon; //为命令对象
您可能想查找下面的文章:
- .NET中的repeater简介及分页效果
- 详解ASP.NET数据绑定操作中Repeater控件的用法
- 在ASP.NET 2.0中操作数据之四十四:DataList和Repeater数据排序(三)
- 在ASP.NET 2.0中操作数据之四十三:DataList和Repeater数据排序(二)
- 在ASP.NET 2.0中操作数据之四十二:DataList和Repeater数据排序(一)
- 在ASP.NET 2.0中操作数据之四十一:DataList和Repeater数据分页
- 在ASP.NET 2.0中操作数据之三十:格式化DataList和Repeater的数据
- 在ASP.NET 2.0中操作数据之二十九:用DataList和Repeater来显示数据
- asp.net实现DataList与Repeater嵌套绑定的方法
- ASP.NET数据绑定之Repeater控件