ASP.NET中 Repeater 的使用前台绑定。

ASP.NET中 Repeater 的使用前台绑定_html

ASP.NET中 Repeater 的使用前台绑定_ASP.NET_02ASP.NET中 Repeater 的使用前台绑定_sql_03View Code 

<%@ 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>