ASP.NET：Repeater控件的详解

2022-07-15 80酷酷网 80kuku.com

　　asp.net|控件|详解在学习DataGrid控件和DataList控件后，我们知道，DataGrid控件对数据输出格式是自动生成HtmlTable标记的，DataList控件也是这样，它根据数据内容来生成数据控制表格。而Repeater 控件是模板化的数据绑定列表，Repeater 控件是“无外观的”，即：它不具有任何内置布局或样式，也就不会产生任何数据控制表格来控制数据的显示。因此，我们必须在控件的模板中明确声明所有 HTML 布局标记、格式标记和样式标记。

　　在第一节里我们也说过Repeater控件是个轻量级的数据绑定控件，一般用它来输出要求相对简单的数据，下面，我们利用这个控件，做一个简单的留言板。在这个留言板里，我们充分利用Repeater控件的控能，进行数据显示，数据分页，嵌入控件响应事件等等。

　　首先，利用Access2003新建一个GuestbookData.mdb数据库，包含一个数据表GuestMessage，数据表字段属性如图9.16所示。

控件的详解
图9.16 GuestMessage数据表的字段属性

　　一个功能完善的留言板应包括三个主要内容：
　　（1）、留言浏览
　　（2）、发表留言
　　（3）、留言管理（回复，删除。有的还要求有审核功能）

　　我们来根据这三个功能来详细介绍我们这个实例的编写。

　　在DataCon Web 项目中新增一个WebForm窗体，命名为Repeater_Sample.aspx，添加一个Repeater控件，ID=“Repeater1”；三个Panel控件，三个Panel控件的ID分别是“login”，“reply”和“write”。

　　首先我们来看“留言浏览”功能的HTML布局代码。在“留言浏览”部分我们要应用Repeater控件，该控件的属性列、绑定设置以及嵌入控件属性如下，注意绑定数据的使用：

<TABLE id="Table2" 384px; TR: "
　　cellSpacing="0" cellPadding="0" width="384"
　 align="left" border="0">
<TBODY>
<TR borderColor="#009900">
<td><asp:linkbutton id="say" Runat="server">我要说两句</asp:linkbutton></td>
</TR>
<TR>
<TD>
<asp:repeater id="Repeater1" runat="server">
　<ItemTemplate>
　<table width="400" border="1"
　　cellpadding="0" cellspacing="0"
　　bordercolor="#009966" 12px">
<tr>
<td width="100" height="20">
　昵称：<%# databinder.eval(container.dataitem,"name" ) %></td>
<td width="300">
　这是 <b><%# databinder.eval(container.dataitem,"name" ) %>
　</b><%# databinder.eval(container.dataitem,"sex" ) %>于[<%# databinder.eval(container.dataitem,"senddate").tostring %>]的留言</td>
</tr>
<tr>
<td><%# "<img width=50 height=90 src ="+databinder.eval(container.dataitem,"face")+">" %></td>
<td><%# databinder.eval(container.dataitem,"content")　 %></td>
</tr>
<tr>
<td><%# "<img src=http://www.163design.net/n/i/image/ip.gif alt=IP:"+ databinder.eval(container.dataitem,"ip")+" >" %>
<%# databinder.eval(container.dataitem,"ip") %>
</td><td>
<%# "<a href=mailto:" & DataBinder.Eval(Container.DataItem,"Email") & ">给他发邮件</a>" %>
<asp:LinkButton Runat=server CommandName ="del" CommandArgument= '<%# DataBinder.Eval(Container.DataItem,"ID") %>' ID="Linkbutton1" NAME="Linkbutton1">删除留言</asp:LinkButton>
　
<asp:LinkButton Runat=server CommandName ="reply" CommandArgument= '<%# DataBinder.Eval(Container.DataItem,"ID") %>' ID="Linkbutton2" NAME="Linkbutton1">回复留言</asp:LinkButton>
</tr>
</table>
</ItemTemplate>
<SeparatorTemplate>
<table width="400" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="400" background="image/bg01.gif"></td>
</tr>
</table>
</SeparatorTemplate>
</asp:repeater></TD>
</TR>
<TR borderColor="#009900">
<TD class="style2" 12px" borderColor="#009900" align="right" colSpan="2"><asp:label id="pagesinfor" runat="server" Font-Size="X-Small"></asp:label>/<asp:linkbutton id="prevpage" runat="server" Font-Size="X-Small">[上一页]</asp:linkbutton>
<asp:linkbutton id="nextpage" runat="server" Font-Size="X-Small">[下一页]  </asp:linkbutton>跳转至第 <asp:dropdownlist id="pageslist" runat="server" AutoPostBack="True"></asp:dropdownlist>页
</TD>
</TBODY>
</TABLE>

[1] [2] [3] [4] 下一页