zoukankan      html  css  js  c++  java
  • webform之Repeater控件

    一、Repeater控件

    数据循环编辑

    1、repeater包括五大模板:

    (1)HeaderTemplate:标题模板,对开头进行编辑,只执行一次

    (2)FooterTemplate:页尾结束模板,对结尾进行编辑,只执行一次

    (3)ItemTemplate:循环内容执行,内容有多少条,执行多少次

    (4)AlternatingItemplate:隔条数据交替项进行格式设置

    (5)SeparatorTemplate:记录之间的分隔符

    例:

    每条内容之间插入一条水平线

    <SeparatorTemplate>
    <tr>
    <td colspan="6"><hr /></td>
    </tr>
    </SeparatorTemplate>
    

    2、Repeater编译方式

    <%# Eval("属性名","{0:属性展示格式}")%>

    <%# 方法名()%>

    二、web中C#代码编辑方式

    <%@ %>--其中编辑声明和引用

    <% %>--其中编辑执行代码

    <%= %>--其中编辑变量代码

    三、Repeater数据展示

    绑定数据源: 

    Repeater控件名.DataSource=集合

    Repeater名.DataBind();

    例:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <asp:Repeater ID="Repeater1" runat="server">
                    <HeaderTemplate>
                        <table style="background-color:blue;">
                            <tr>
                                <td>用户名</td>
                                <td>密码</td>
                                <td>昵称</td>
                                <td>性别</td>
                                <td>生日</td>
                                <td>年龄</td>
                                <td>民族</td>
                            </tr>
                    </HeaderTemplate>
                    
                    <ItemTemplate>
                        <tr style="background-color:white;">
                            <td><%#Eval("UserName") %></td>
                            <td><%#Eval("Password") %></td>
                            <td><%#Eval("NickName") %></td>
                            <td><%#Eval("Sexstr") %></td>
                            <td><%#Eval("Birthday","{0:yyyy年MM月dd日}") %></td>
                            <td><%#Eval("Age") %></td>
                            <td><%#Eval("NationName") %></td>
                        </tr>
             
                    </ItemTemplate>
                    <FooterTemplate>
                        </table>
                    </FooterTemplate>
                </asp:Repeater>
                <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default2.aspx">立即注册</asp:HyperLink>
            </div>
        </form>
    </body>
    </html>
    //绑定数据源
     protected void Page_Load(object sender, EventArgs e)
        {
            Repeater1.DataSource = new UserData().SelectAll();
            Repeater1.DataBind();
            
        }
  • 相关阅读:
    07java基础知识
    06java基础知识
    我们都忽略了Html5的力量,如果只看成一种技术就大错特错了!
    “微信应用号对行业影响”之一,app开发速来围观
    App开发中甲乙方冲突会闹出啥后果?H5 APP 开发可以改变现状吗
    开发APP不搞清楚这20个问题,必然沦为一场灾难
    H5 App设计者需要注意的21条禁忌
    H5 APP开发必读,20个你不知道的Html5新特征和窍门
    H5 App如此强悍,要降薪的恐怕已不只是iOS程序员
    关于APP,原生和H5开发技术的争论
  • 原文地址:https://www.cnblogs.com/hclyz/p/6874300.html
Copyright © 2011-2022 走看看