ASP.NET中 Repeater 的使用前台绑定
ylbtech-ASP.NET-Control-Bind:Repeater 的使用前台绑定 |
ASP.NET中 Repeater 的使用前台绑定。
1.A,运行效果图返回顶部 |
![](https://images.cnblogs.com/cnblogs_com/ylbtech/389114/o_ylbtech-Repeater.jpg)
1.B,源代码返回顶部 |
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Rpt.aspx.cs" Inherits="Rpt" %> <!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 runat="server"> <title>无标题页</title> </head> <body> <form id="form1" runat="server"> <div> <h3> Repeater</h3> <hr /> <table border="1"> <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1"> <HeaderTemplate> <tr> <td> 产品编号 </td> <td> 名称 </td> <td> 类别编号 </td> <td> 单价 </td> </tr> </HeaderTemplate> <ItemTemplate> <tr style="background-color: Gray;"> <td> <%#Eval("ProductID")%> </td> <td> <%#Eval("ProductName")%> </td> <td> <%#Eval("CategoryID")%> </td> <td> <%#Eval("UnitPrice")%> </td> </tr> </ItemTemplate> <AlternatingItemTemplate> <%-- 变更模板--%> <tr style="background-color: Red;"> <td> <%#Eval("ProductID")%> </td> <td> <%#Eval("ProductName")%> </td> <td> <%#Eval("CategoryID")%> </td> <td> <%#Eval("UnitPrice")%> </td> </tr> </AlternatingItemTemplate> <SeparatorTemplate> <tr> <td colspan="4"> 间隔模板 </td> </tr> </SeparatorTemplate> <FooterTemplate> <tr> <td colspan="4"> 脚模板 </td> </tr> </FooterTemplate> </asp:Repeater> </table> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>" SelectCommand="SELECT [ProductID], [ProductName], [CategoryID], [UnitPrice] FROM [Products]"> </asp:SqlDataSource> </div> </form> </body> </html>
/web.config
<connectionStrings> <add name="NorthwindConnectionString" connectionString="Data Source=.;Initial Catalog=Northwind;Integrated Security=True" providerName="System.Data.SqlClient"/> </connectionStrings>
1.C,资源下载返回顶部 |
https://files.cnblogs.com/ylbtech/WebForm-XList.rar
![]() |
作者:ylbtech 出处:http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 |