详解ASP.NET数据绑定操作中Repeater控件的用法
一、绑定控件之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>
后台代码:在后台代码中很重要的两个事件是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; //为命令对象指定连接对象 //创建参数集合,并向sqlcom中添加参数集合 SqlParameter sqlParam = new SqlParameter("@id", intId); sqlcom.Parameters.Add(sqlParam); sqlcom.ExecuteNonQuery(); //指定更新语句 } } /// <summary> /// 更新Repeater控件中的内容 /// </summary> /// <param name="strText">修改后的内容</param> /// <param name="intId">内容所在行的ID号</param> private void UpdateRepeater(string strText,int intId) { using (SqlConnection sqlCon = new SqlConnection("server=.;database=MyBlog;uid=sa;pwd=1")) { sqlCon.Open(); //打开数据库连接 SqlCommand sqlcom = new SqlCommand(); //创建数据库命令对象 sqlcom.CommandText = "update match set name=@str where id=@id"; //为命令对象指定执行语句 sqlcom.Connection = sqlCon; //为命令对象指定连接对象 //创建参数集合,并向sqlcom中添加参数集合 SqlParameter[] sqlParam = { new SqlParameter("@str", strText), new SqlParameter("@id", intId) }; sqlcom.Parameters.AddRange(sqlParam); sqlcom.ExecuteNonQuery(); //指定更新语句 } } /// <summary> /// Repeater控件数据绑定时发生的事件 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void userRepeat_ItemDataBound(object sender, RepeaterItemEventArgs e) { //判断Repeater控件中的数据是否是绑定的数据源,如果是的话将会验证是否进行了编辑操作 //ListItemType 枚举表示在一个列表控件可以包括,例如 DataGrid、 DataList和 Repeater 控件的不同项目。 if (e.Item.ItemType==ListItemType.Item || e.Item.ItemType==ListItemType.AlternatingItem) { //获取绑定的数据源,这里要注意上面使用sqlReader的方法来绑定数据源,所以下面使用的DbDataRecord方法获取的 //如果绑定数据源是DataTable类型的使用下面的语句就会报错. System.Data.Common.DbDataRecord record = (System.Data.Common.DbDataRecord)e.Item.DataItem; //DataTable类型的数据源验证方式 //System.Data.DataRowView record = (DataRowView)e.Item.DataItem; //判断数据源的id是否等于现在的id,如果相等的话证明现点击了编辑触发了userRepeat_ItemCommand事件 if (id == int.Parse(record["id"].ToString())) { ((Panel)e.Item.FindControl("plItem")).Visible = false; ((Panel)e.Item.FindControl("plEdit")).Visible = true; } else { ((Panel)e.Item.FindControl("plItem")).Visible = true; ((Panel)e.Item.FindControl("plEdit")).Visible = false; } } } } }
2、分页--PageDataSource
前台代码:使用原始的html文本,并添加了一个Literal标签,用来动态添加并指定html标签。
页面截图:
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> .pageBar { margin-top: 10px; } .pageBar a { color: #333; font-size: 12px; margin-right: 10px; padding: 4px; border: 1px solid #ccc; text-decoration: none; } </style> </head> <body> <form id="form1" runat="server"> <div> <asp:Repeater ID="Repeater1" runat="server" > <HeaderTemplate> <table border="1" cellpadding="0" cellspacing="0" style="width:1006px;border-collapse:collapse; text-align:center;"> <tr> <th style="background-color:red">ID</th> <th style="background-color:red">内容</th> </tr> </HeaderTemplate> <ItemTemplate> <tr> <td><asp:Label ID="lblId" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"id") %>' ></asp:Label></td> <td><%# DataBinder.Eval(Container.DataItem,"name") %></td> </tr> </ItemTemplate> <FooterTemplate> </table> </FooterTemplate> </asp:Repeater> </div> <div class="pageBar"> <asp:Literal ID="ltlPageBar" runat="server"></asp:Literal> </div> </form> </body> </html>
后台代码:Repeater控件的数据源是PagedDataSource对象,在页面加载时为该对象动态指定了分页的属性,并使用Literal标签来动态指定每个标签跳转页的链接。
using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebApplication4 { public partial class PageDemo : System.Web.UI.Page { private string id = ""; protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { //设置当前页的索引 int pageIndex = 1; try { //获取当前索要跳转页的索引号 pageIndex = Convert.ToInt32(Request.QueryString["Page"]); //如果是第0页将会跳转入第1页 if (pageIndex <= 0) { pageIndex = 1; } } catch { pageIndex = 1; } DataTable dt = this.GetDataTable(); //获取绑定的数据表 PagedDataSource pds = new PagedDataSource(); //创建分页数据源对象 pds.DataSource = dt.DefaultView; //为数据源对象设置数据源 pds.AllowPaging = true; //对象允许分页 pds.PageSize = 2; //设置对象每页显示的大小 pds.CurrentPageIndex = pageIndex - 1; //设置数据源的当前页 //向Repeater控件上绑定分页数据源控件 this.Repeater1.DataSource = pds; this.Repeater1.DataBind(); //使用Literal标签来动态指定每个标签跳转页的链接 ltlPageBar.Text = this.GetPageBar(pds); } } /// <summary> /// 获取每个标签上的跳转页的链接地址 /// </summary> /// <param name="pds">分页数据源对象</param> /// <returns>分页操作按钮的html文本</returns> private string GetPageBar(PagedDataSource pds) { string pageBar = string.Empty; //声明页面标签文本 int currentPageIndex = pds.CurrentPageIndex + 1; //获取当前页索引 //判断首页的链接页面 if (currentPageIndex == 1) //如果该页为第一页,则证明它为首页 { pageBar += "<a href=\"javascript:void(0)\">首页</a>"; } else { //如果不是首页,首页链接的地址将会为1 pageBar += "<a href=\"" + Request.CurrentExecutionFilePath + "?Page=1\">首页</a>"; } //判断上一页链接的地址 if ((currentPageIndex - 1) < 1) //如果上一页小于1则链接到第一页 { pageBar += "<a href=\"javascript:void(0)\">上一页</a>"; } else { //如果上一页地址不是1将会链接到上一页 pageBar += "<a href=\"" + Request.CurrentExecutionFilePath + "?Page=" + (currentPageIndex - 1) + "\">上一页</a>"; } //指定下一页的链接地址 if ((currentPageIndex + 1) > pds.PageCount) { //如果下一页的地址大于总页数,将会连接到首页 pageBar += "<a href=\"javascript:void(0)\">下一页</a>"; } else { //否则的话链接到下一页 pageBar += "<a href=\"" + Request.CurrentExecutionFilePath + "?Page=" + (currentPageIndex + 1) + "\">下一页</a>"; } //指定末页的链接地址 if (currentPageIndex == pds.PageCount) { pageBar += "<a href=\"javascript:void(0)\">末页</a>"; } else { pageBar += "<a href=\"" + Request.CurrentExecutionFilePath + "?Page=" + pds.PageCount + "\">末页</a>"; } return pageBar; //返回html文本 } /// <summary> /// 获取数据源,重新链接数据 /// </summary> /// <returns>DataTable,数据源</returns> private DataTable GetDataTable() { DataTable dt = new DataTable(); //创建数据库表 using (SqlConnection con = new SqlConnection("server=.;DataBase=MyBlog;uid=sa;pwd=1;")) { con.Open(); //打开数据库链接 SqlCommand sqlCom = new SqlCommand(); //声明并创建数据库命令集 StringBuilder sqlStr = new StringBuilder(); //声明sql语句 sqlStr.Append("select * from match"); //获取sql语句 sqlCom.CommandText = sqlStr.ToString(); //为sqlcommand对象指定sql语句 sqlCom.Connection = con; //为sqlcommand对象指定链接对象 SqlDataAdapter sqlDa = new SqlDataAdapter(sqlCom); //声明数据库适配器 SqlCommandBuilder sqlBuilder = new SqlCommandBuilder(sqlDa); sqlDa.Fill(dt); //填充表 } return dt; } } }
结语
文章主要介绍了Repeater控件的基本使用方法,并通过两个示例来更深一步的学习了Repeater控件的使用。虽然Repeater控件封装的操作较少,但它是最基础的数据绑定控件,另外可以通过使用其它控件来弥补Repeater控件的不足,如可以通过使用PagedataSource类来实现数据的分页。文章写到这里并没有结束,下篇文章将会着重讨论ListView。
相关文章
- 这篇文章主要为大家详细介绍了ASP.NET购物车的实现过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-22
- 在开发过程中,使用Visual Studio的断点调试功能可以很方便帮我们调试发现程序存在的错误,同样Visual Studio也支持对SQL Server里面的存储过程进行调试,下面就让我们看看具体的调试方法。...2021-09-22
ASP.NET Core根据环境变量支持多个 appsettings.json配置文件
这篇文章主要介绍了ASP.NET Core根据环境变量支持多个 appsettings.json配置文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22- 这篇文章主要介绍了记一次EFCore类型转换错误及解决方案,帮助大家更好的理解和学习使用asp.net core,感兴趣的朋友可以了解下...2021-09-22
详解ASP.NET Core 中基于工厂的中间件激活的实现方法
这篇文章主要介绍了ASP.NET Core 中基于工厂的中间件激活的实现方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-09-22asp.net通过消息队列处理高并发请求(以抢小米手机为例)
这篇文章主要介绍了asp.net通过消息队列处理高并发请求(以抢小米手机为例),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22Repeater事件OnItemCommand取得行内控件的方法
这篇文章主要介绍了Repeater事件OnItemCommand取得行内控件的方法,有需要的朋友可以参考一下...2021-09-22ASP.NET 2.0中的数据操作:使用两个DropDownList过滤的主/从报表
在前面的指南中我们研究了如何显示一个简单的主/从报表, 该报表使用DropDownList和GridView控件, DropDownList填充类别,GridView显示选定类别的产品. 这类报表用于显示具有...2016-05-19ASP.NET单选按钮控件RadioButton常用属性和方法介绍
RadioButton又称单选按钮,其在工具箱中的图标为 ,单选按钮通常成组出现,用于提供两个或多个互斥选项,即在一组单选钮中只能选择一个...2021-09-22ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容
这篇文章主要介绍了ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容的实现代码,感兴趣的小伙伴们可以参考一下...2021-09-22- ASP.NET Web API具有与ASP.NET MVC类似的编程方式,ASP.NET Web API不仅仅具有一个完全独立的消息处理管道,而且这个管道比为ASP.NET MVC设计的管道更为复杂,功能也更为强大。下面创建一个简单的Web API项目,需要的朋友可以参考下...2021-09-22
- 这篇文章主要介绍了ASP.NET连接MySql数据库的2个方法及示例,使用的是MySQL官方组件和ODBC.NET,需要的朋友可以参考下...2021-09-22
- 这篇文章主要介绍了Asp.Net使用Bulk实现批量插入数据的方法,对于进行asp.net数据库程序设计非常有借鉴价值,需要的朋友可以参考下...2021-09-22
在ASP.NET 2.0中操作数据之二十九:用DataList和Repeater来显示数据
本文主要讲解ASP.NET 2.0中如何使用DataList 和 Repeater 来呈现数据,DataList包含一个table标记,而Repeater不会添加任何额外的代码,个人在实际开发中更推荐使用Repeater。...2021-09-22- 这篇文章主要介绍了获取DataTable选择第一行某一列值,需要的朋友可以参考下...2021-09-22
- 这篇文章介绍了Asp.net动态生成html页面的方法,有需要的朋友可以参考一下...2021-09-22
- 这篇文章主要介绍了ASP.Net中的async+await异步编程的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2021-09-22
- 这篇文章主要介绍了详解ASP.NET Core Token认证,小编觉得挺不错的,现在分享给大家,也给大家做个参考。...2021-09-22
ASP.NET百度Ueditor编辑器实现上传图片添加水印效果
这篇文章主要给大家介绍了ASP.NET百度Ueditor编辑器1.4.3这个版本实现上传图片添加水印效果的相关资料,文中通过图文及示例代码介绍的非常详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。...2021-09-22- .net core是最近讨论频率很高的话题,下面这篇文章主要给大家介绍了关于利用.NET Core如何获取操作系统中各种信息的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧...2021-09-22