zoukankan      html  css  js  c++  java
  • asp.net(C#) Repeater 控件,重复内容(无默认html,高度可自定义化)

    <HeaderTemplate>     

      元素中的内容在输出中仅出现一次

    <ItemTemplate>        

      元素的内容会对应 DataSet 中的 "record" 重复出现

    <FooterTemplate>     

      的内容在输出中仅出现一次

    <AlternatingItemTemplate>

      您可以在 <ItemTemplate> 元素后添加 <AlternatingItemTemplate> 元素,这样就可以描述交替行的外观了。

    <SeparatorTemplate>

    元素能够用于描述每个记录之间的分隔符。比分隔符直接写在<ItemTemplate>标签  会在结尾少一个分割符;

    数据绑定

    <%#Eval("fieldname")%>  fieldname 表示 列名

    后台数据源绑定(DataTable)

    Repeater1.DataSource = DataTable;
    Repeater1.DataBind();
    

     

    例子:

    <form runat="server">
    <asp:Repeater id="cdcatalog" runat="server">
    
    <HeaderTemplate>
    <table border="1" width="100%">
    <tr>
    <th>Title</th>
    <th>Artist</th>
    <th>Country</th>
    <th>Company</th>
    <th>Price</th>
    <th>Year</th>
    </tr>
    </HeaderTemplate>
    
    <ItemTemplate>
    <tr>
    <td><%#Eval("title")%></td>
    <td><%#Eval("artist")%></td>
    <td><%#Eval("country")%></td>
    <td><%#Eval("company")%></td>
    <td><%#Eval("price")%></td>
    <td><%#Eval("year")%></td>
    </tr>
    </ItemTemplate>
    
    <FooterTemplate>
    </table>
    </FooterTemplate>
    
    </asp:Repeater>
    </form>
    

  • 相关阅读:
    vue框架的vue-router路由的运用
    如何用vue的computed的set和get方法
    如何学习vue的计算属性computed
    从下往上显示的弹出框动画
    vue父传子的使用
    vue局部组件如何使用
    Data 日期-项目(Thread)
    Jframe-项目
    Thread 线程
    Thread知识 (火车票到结束-项目)
  • 原文地址:https://www.cnblogs.com/henw/p/2014746.html
Copyright © 2011-2022 走看看