ASP.NET-----Repeater数据控件的用法总结

一、Repeater控件的用法流程及实例：

1、首先建立一个网站，新建一个网页index.aspx。

2、添加或者建立APP_Data数据文件，然后将用到的数据库文件放到APP_Data文件夹中。

3、打开数据库企业管理器，数据库服务器为local（.），然后将APP_Data文件夹中的数据库附加到数据库服务器中。

4、添加Ling to  SQL类。

5、打开视图，服务器资源管理器，右击数据库服务器，选择添加连接，然后选择数据库服务器、数据库类型，及数据库表，然后完成。

6、将需要用到的表，全部选中，然后拖动到.dbml为后缀的文件中，然后保存。到这一步，数据表的附加及与网站的连接就完成了。

目标：通过使用Repeater数据控件，让数据表中的数据在表格中显示。

1、添加样式文件，然后在样式文件中，书写表格的样式代码。

2、在index.aspx的设计模式下，插入表格，通常插入两行（一行为标题行，一行为内容行），因为Repeater控件会自动循环的。然后在源代码界面中，将刚插入的表格的第一行的单元格改为，标题单元格，即将改为。

3、选中表格，然后选择格式，然后选择附加样式表。接下来，需要将源代码中的头部中样式代码删除，将行样式删除，并且书写新建的样式表中的类或这ID到表格中。

4、然后，将光标放到table前面，双击repeater控件，这样Repeater控件的代码就添加到了Table代码的前面，然后分别为Repeater控件添加头部模版（  ）、列表模版（）和尾部模版（  ）。

注意：

头部模版放置表格开始及第一行标题行(

)；列表模版放置表格第二行()；尾部模版放置表个结束（）。

插入表格时只需插入两行即可，显示数据时是根据数据库表循环显示的。项目模板，会进行循环显示，放置表格第二行。

5、然后在标题行的单元格中书写将要显示的数据库中字段的别名，在内容行的单元格中书写数据库中的字段名，方式为：<%#Eval("数据库字段名") %>

核心代码为：

    
"form1" runat="server">
    

    
        "Repeater1" runat="server">
        
        class="ts">
        
        

            

                

                    学号
                

                    姓名
                

                    性别
                

                    籍贯
                

                    年龄
            
   
        

                

                    <%#Eval("number") %> 
                    
                

                  <%#Eval("name")%> 
                

                   <%#Eval("sex")%> 
                

                     <%#Eval("place")%>
                

                    <%#Eval("age")%> 
            
               
        
        
           
        
        
            
            
    
    
    

 

注意：

HTMl中插入其他代码需要用<% %>括起来。

6、然后在index.aspx.cs的Page_Load（）事件中绑定数据源。

核心代码为：

public partial class citynumber : System.Web.UI.Page
{
    DataClassesDataContext dc = new DataClassesDataContext();
    protected void Page_Load(object sender, EventArgs e)
    {

        var query = from c in dc.city select c;
        Repeater1.DataSource = query;
        Repeater1.DataBind();
    }
}

7、运行index.aspx页面即可看到数据库中各字段信息。

二、通过Table显示数据库中的字段时，为字段添加超链接。

1、新建两个页面，index.aspx 页面和Cities.aspx页面。

index.aspx页面代码：

    "Repeater1" runat="server">
    
    class="ts">
        
    
    

            

                省份名称
            

                省份编号
        
    
    

            

                'Cities.aspx?pro=<%#Eval("proID") %>' target="_blank"><%#Eval("proName") %>

            

            <%#Eval("proID")%>
        
    
    
    
    
    
"form1" runat="server">
    

    
    

index.aspx.cs中的代码：

public partial class index : System.Web.UI.Page
{
    DataClassesDataContext dc = new DataClassesDataContext();
    protected void Page_Load(object sender, EventArgs e)
    {

        var query = from c in dc.province select c;
        Repeater1.DataSource = query;
        Repeater1.DataBind();
    }
}

Cities.aspx页面中的代码：

    
"form1" runat="server">
    

    
        "GridView1" runat="server" CellPadding="4" ForeColor="#333333" 
            GridLines="None" Width="909px">
            "#507CD1" Font-Bold="True" ForeColor="White" />
            "#EFF3FB" />
            "#2461BF" ForeColor="White" HorizontalAlign="Center" />
            "#D1DDF1" Font-Bold="True" ForeColor="#333333" />
            "#507CD1" Font-Bold="True" ForeColor="White" />
            "#2461BF" />
            "White" />
        
    
    
    

Cities.aspx.cs页面中的代码：

public partial class Cities : System.Web.UI.Page
{
    DataClassesDataContext dc = new DataClassesDataContext();
    protected void Page_Load(object sender, EventArgs e)
    {
        int  id =Convert.ToInt32(Request.QueryString["pro"].ToString());
        var query = from c in dc.city where c.proID == id select c;
        GridView1.DataSource = query;
        GridView1.DataBind();

    }
}

然后运行index.aspx页面，通过单击超链接就跳转到了Cities.aspx，在该页面显示信息。

沁园春 www.qinychun.com