Repeater实例应用
在实际开发过程中,涉及到数据绑定,分页,以及一对多展示数据时,遇到这样的需求我们怎么解决呢?下面以帖子展示来逐一说明。
帖子主要由两部分组成,第一部分是发帖人的原创内容部分,第二部分是用户评论部分,这样的话,我们可以考虑用用户控件
第一步:创建原创内容部分的用户控件,代码如下
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="TalkTitle.ascx.cs" Inherits="TalkTitle" %> <table> <tr> <td colspan="2"> 帖子标题:<asp:Label runat="server" ID="lbBT"></asp:Label> </td> </tr> <tr > <td colspan="2">发帖人:<asp:Label runat="server" ID="lbFTR"></asp:Label></td> </tr> <tr> <td colspan="2">发帖时间:<asp:Label runat="server" ID="lbFTSJ"></asp:Label></td> </tr> <tr> <td colspan="2">帖子内容:<asp:Label runat="server" ID="lbNR"></asp:Label></td> </tr> </table>
第二部分:创建用户评论用户控件,代码如下
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Talks.ascx.cs" Inherits="Talks" %> <asp:Repeater runat="server" ID="rpt"> <ItemTemplate> <div> <p style="background: gray;">评论人:<%# Eval("PLR") %> 评论时间:<%# Eval("PLSJ") %></p> <p>评论内容:<%# Eval("PLNR") %></p> </div> </ItemTemplate> </asp:Repeater> <div> 当前总共记录数<asp:Label runat="server" ID="lbCount"></asp:Label>条,共<asp:Label runat="server" ID="lbPages"></asp:Label>页,当前第<asp:Label runat="server" ID="lbCurrent"></asp:Label>页 <asp:HyperLink runat="server" ID="lkFirst">首页</asp:HyperLink> <asp:HyperLink runat="server" ID="lkPrev">上一页</asp:HyperLink> <asp:HyperLink runat="server" ID="lkNext">下一页</asp:HyperLink> <asp:HyperLink runat="server" ID="lkLast">最后一页</asp:HyperLink> </div>
两部分的用户控件创建完毕,接下来就是将这两个用户控件放入到主页面中。
第三步:创建主页面,容纳两部分的用户控件
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test2.aspx.cs" Inherits="test2" ValidateRequest="false" EnableEventValidation="false" %> <%@ Register Src="~/TalkTitle.ascx" TagName="TalkTitle" TagPrefix="uc1" %> <%@ Register Src="~/Talks.ascx" TagName="Talks" TagPrefix="uc2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title></title> </head> <body> <form runat="server"> <div> <uc1:TalkTitle runat="server" ID="talkTitle1" /> </div> <div> <uc2:Talks runat="server" ID="talks1" /> </div> </form> </body> </html>
注意:主页面引用用户控件的方法。
好了,接下来就是对两个子页面的数据的绑定了,怎么操作呢?显然父页面要传递值给子页面,只有这样才能让子页面展示数据,下面是主页面向子页面传值的代码,具体传值见注释,代码如下:
protected void Page_Load(object sender, EventArgs e) { string tzid; if (Request.QueryString["TZID"] == null) { tzid = "01"; } else { tzid = Request.QueryString["TZID"].ToString(); } talkTitle1.TZID = tzid;//给子页面传值,TZID是子控件的属性 talks1.TZID = tzid;//给子页面传值 }
好了。父页面已经参数给子页面了,下面是子页面后台代码:
1)原创内容用户控件后台代码:
public partial class TalkTitle : System.Web.UI.UserControl { public string TZID; protected void Page_Load(object sender, EventArgs e) { DataTable dt = new DataTable(); dt.Columns.Add("TZID"); dt.Columns.Add("BT"); dt.Columns.Add("FTR"); dt.Columns.Add("FTSJ"); dt.Columns.Add("NR"); dt.Rows.Add("01", "前台调用后台事件和方法实现小结", "kingtiger", "2013-11-20 10:00:00", "在实际开发过程中,我们的HTML元素需要调用后台,而且需要让后台进行复杂运算后再进行数据重新绑定操作,遇到这样的问题怎么办呢?可能有人说在后台创建一个方法,该方法实现绑定数据操作,但是实际呢?结果不尽人意,它没有执行绑定的实现,而只是简单的执行一下方法但是前台无反应,为什么出现这样的情况?原来前台调用后台方法其实只是返回结果,对实现过程及元素组合变化不管不问,它只是关注执行后的结果,不为过程买单,那么有什么方法解决这个问题呢?想想?我们可不可以让前台HTML元素触发ASP.NET按钮来触发事件呢,同时隐藏这个按钮?让它去实现绑定操作。该技巧是可行的!!本楼主为了操作简单没有以绑定数据作为示例,而只是简单的打印数据,原理基本和绑定数据类似,代码如下:"); dt.Rows.Add("02", "有关C#特点", "kingtiger", "2013-11-20 10:00:00", "8888888rdfjdjfkdsfjkdsjfdskfjjfdfd"); dt.Rows.Add("03", "有关C#特点", "kingtiger", "2013-11-20 10:00:00", "8888888rdfjdjfkdsfjkdsjfdskfjjfdfd"); dt.Rows.Add("04", "有关C#特点", "kingtiger", "2013-11-20 10:00:00", "8888888rdfjdjfkdsfjkdsjfdskfjjfdfd"); dt.Rows.Add("05", "有关C#特点", "kingtiger", "2013-11-20 10:00:00", "8888888rdfjdjfkdsfjkdsjfdskfjjfdfd"); dt.Rows.Add("06", "有关C#特点", "kingtiger", "2013-11-20 10:00:00", "8888888rdfjdjfkdsfjkdsjfdskfjjfdfd"); DataRow dr = dt.Select(" TZID='" + TZID + "'")[0]; lbBT.Text = dr["BT"].ToString(); lbFTR.Text = dr["FTR"].ToString(); lbFTSJ.Text = dr["FTSJ"].ToString(); lbNR.Text = dr["NR"].ToString(); } }
该后台代码实现获取主页面传递过来的参数值,然后选择内容绑定到用户控件前台。
2)用户评论用户控件代码,涉及到分页等操作,具体看代码注释:
public partial class Talks : System.Web.UI.UserControl { public string TZID; protected void Page_Load(object sender, EventArgs e) { DataTable dt = new DataTable(); dt.Columns.Add("TZID"); dt.Columns.Add("PLR"); dt.Columns.Add("PLSJ"); dt.Columns.Add("PLNR"); dt.Rows.Add("01", "张三", "2013-10-23 10:09:23", "沙发"); dt.Rows.Add("01", "李四", "2013-10-23 10:09:24", "顶!"); dt.Rows.Add("01", "王五", "2013-10-23 10:09:25", "好方法,值得借鉴"); dt.Rows.Add("01", "张七", "2013-10-23 10:09:26", "一般"); dt.Rows.Add("01", "张三", "2013-10-23 10:09:27", "还行吧"); dt.Rows.Add("01", "张一", "2013-10-23 10:09:28", "可以试着用一下"); dt.Rows.Add("01", "张二", "2013-10-23 10:09:29", "还行吧"); dt.Rows.Add("01", "李五", "2013-10-23 10:19:23", "好方法,值得借鉴"); dt.Rows.Add("01", "齐齐", "2013-10-23 10:29:23", "还行吧"); dt.Rows.Add("01", "一一", "2013-10-23 10:39:23", "fdfd"); dt.Rows.Add("01", "小明", "2013-10-23 10:49:23", "一般"); dt.Rows.Add("01", "小李", "2013-10-23 10:59:23", "好方法,值得借鉴"); dt.Rows.Add("01", "小李", "2013-10-23 11:09:23", "还行吧"); dt.Rows.Add("01", "张三", "2013-10-23 12:09:23", "3545423"); dt.Rows.Add("01", "张三", "2013-10-23 13:09:23", "一般"); dt.Rows.Add("01", "齐齐", "2013-10-23 14:09:23", "还行吧"); dt.Rows.Add("01", "张三", "2013-10-23 15:09:23", "76788778"); dt.Rows.Add("01", "小明", "2013-10-23 16:09:23", "好方法,值得借鉴"); dt.Rows.Add("01", "张三", "2013-10-23 17:09:23", "顶!"); dt.Rows.Add("01", "张七", "2013-10-23 18:09:23", "还行吧"); dt.Rows.Add("01", "张三", "2013-10-23 19:09:23", "nnntrtnnnnnn"); dt.Rows.Add("01", "王五", "2013-10-23 20:09:23", "一般"); dt.Rows.Add("01", "张三", "2013-10-23 21:09:23", "还行吧"); dt.Rows.Add("01", "小李", "2013-10-23 22:09:23", "顶!"); dt.Rows.Add("01", "kingtiger", "2013-10-23 23:09:23", "rererer6666666rere"); #region 此方法是不进行分页的 //rpt.DataSource = dt; //rpt.DataBind(); #endregion #region 分页的情况 PagedDataSource pds = new PagedDataSource(); pds.DataSource = dt.DefaultView; pds.AllowPaging = true; lbCount.Text = dt.Rows.Count.ToString(); pds.PageSize = 3; int currentPage = 1; lbPages.Text = pds.PageCount.ToString(); if (Request.QueryString["page"] != null) { currentPage = Convert.ToInt32(Request.QueryString["page"]); } pds.CurrentPageIndex = (currentPage-1); lbCurrent.Text = (currentPage).ToString(); if (!pds.IsFirstPage) { lkPrev.NavigateUrl = Request.CurrentExecutionFilePath + "?TZID=" + TZID + "&page=" + (currentPage - 1); lkFirst.NavigateUrl = Request.CurrentExecutionFilePath + "?TZID=" + TZID + "&page=1"; lkLast.NavigateUrl = Request.CurrentExecutionFilePath + "?TZID=" + TZID + "&page=" + pds.PageCount; } if (!pds.IsLastPage) { lkNext.NavigateUrl = Request.CurrentExecutionFilePath + "?TZID=" + TZID + "&page=" + (currentPage + 1); lkFirst.NavigateUrl = Request.CurrentExecutionFilePath + "?TZID=" + TZID + "&page=1"; lkLast.NavigateUrl = Request.CurrentExecutionFilePath + "?TZID=" + TZID + "&page=" + pds.PageCount; } rpt.DataSource = pds; rpt.DataBind(); #endregion } }
实现效果展示: