zoukankan      html  css  js  c++  java
  • Repeater控件的详细用法

    中隔行(交替项)呈现一次。通过设置 AlternatingItemTemplate 元素的样式属性,可以为其指定不同的外观。

    FooterTemplate
    在所有数据绑定行呈现之后呈现一次的元素。典型的用途是关闭在 HeaderTemplate 项中打开的元素(使用 </table> 这样的标记)。

    注意 FooterTemplate 不能是数据绑定的。

    HeaderTemplate
    在所有数据绑定行呈现之前呈现一次的元素。典型的用途是开始一个容器元素(如表)。

    注意 HeaderTemplate 项不能是数据绑定的。

    ItemTemplate
    为数据源中的每一行都呈现一次的元素。若要显示 ItemTemplate 中的数据,请声明一个或多个 Web 服务器控件并设置其数据绑定表达式以使其计算为 Repeater 控件(即容器控件)的 DataSource 中的字段。以下示例显示一个示例声明,它显示包含 Label 控件中的第一个名称的字段。

    First Name:
    <asp:Label runat="server"
    Text="<%# Container.DataItem.FirstName %>" />

    SeparatorTemplate
    在各行之间呈现的元素,通常是分行符(<br> 标记)、水平线(<hr> 标记)等。

    注意 SeparatorTemplate 项不能是数据绑定的。


    注:该控件是不能通过可视化编辑模板的,而DataList的DataGrid控件就可以。

    下面说一下程序的创建过程:

    1、 创建一个WEB应用程序,将默认的WEB窗体改名为:Repeater.aspx。

    2、 切换到“HTML”视图,输入下列代码:

     1 <%@ Page language="c#" Codebehind="Repeater.aspx.cs" AutoEventWireup="false" Inherits="TeachShow.Charpter7.Repeater" %>
     2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
     3 <HTML>
     4 <HEAD>
     5 <title>Repeater</title>
     6     <LINK rel="stylesheet" type="text/css" href="../Style.css">
     7     <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
     8     <meta name="CODE_LANGUAGE" Content="C#">
     9     <meta name="vs_defaultClientScript" content="JavaScript">
    10     <meta name="vs_targetSchema"         content="http://schemas.microsoft.com/intellisense/ie5">
    11 </HEAD>
    12 <body MS_POSITIONING="GridLayout">
    13     <form id="Form1" method="post" runat="server">
    14 <div align="center">
    15     <center>
    16     <table border="0" cellpadding="0" cellspacing="0" width="272" height="136">
    17     <tr>
    18     <td width="272" height="136">
    19 <div align="center">
    20     <center>
    21     <table border="1" cellpadding="0" cellspacing="0" width="272" height="60" bordercolorlight="#000000"
    22 bordercolordark="#ffffff" class="smallRed">
    23 <asp:Repeater id="Repeater1" runat="server">
    24 <HeaderTemplate>
    25 <tr>
    26 <td width="90" height="30"><FONT face="宋体">数字</FONT></td>
    27 <td width="91" height="30"><FONT face="宋体">平方</FONT></td>
    28 <td width="91" height="30"><FONT face="宋体">立方</FONT></td>
    29 </tr>
    30 </HeaderTemplate>
    31 <ItemTemplate>
    32 <tr>
    33 <td width="90" height="30"><%# DataBinder.Eval(Container.DataItem,"数字") %></td>
    34 <td width="91" height="30"><%# DataBinder.Eval(Container.DataItem,"平方") %></td>
    35 <td width="91" height="30"><%# DataBinder.Eval(Container.DataItem,"立方") %></td>
    36 </tr>
    37 </ItemTemplate>
    38 </asp:Repeater>
    39 </table>
    40 </center>
    41 </div>
    42 </td>
    43 </tr>
    44 </table>
    45 </center>
    46 </div>
    47 </form>
    48 </body>
    49 </HTML>
    50 
    51 
    52     

    解释一下程序中用到的方法:

    DataBinder.Eval()方法:该方法用于在运行时计算数据绑定表达式,并且根据浏览器的需要来格式化输出结果。该方法有三个参数:

    A、 数据项的命名容器:命名容器是一个对象引用,该对象即是计算表达式所针对的对象。如果绑定是针对列表控件(如Repeater、DataList或DataGrid)的,则命名容器将始终是Container.DataItem。如果绑定是针对页面的,则命名容器是Page。

    B、 数据字段名:绑定表格的列名(此例如“平方”等)。

    C、 格式字符串

    如果要求高性能,不建议使用DataBinder.Eval()方法



    3、 打开Repeater.aspx.cs文件,输入下面的代码:

     1 using System;
     2 using System.Collections;
     3 using System.ComponentModel;
     4 using System.Data;
     5 using System.Drawing;
     6 using System.Web;
     7 using System.Web.SessionState;
     8 using System.Web.UI;
     9 using System.Web.UI.WebControls;
    10 using System.Web.UI.HtmlControls;
    11 namespace TeachShow.Charpter7
    12 {
    13 /// <summary>
    14 /// Repeater 的摘要说明。
    15 /// </summary>
    16 public class Repeater : System.Web.UI.Page
    17 {
    18 protected System.Web.UI.WebControls.Repeater Repeater1;
    19 private void Page_Load(object sender, System.EventArgs e)
    20 {
    21 // 在此处放置用户代码以初始化页面
    22 if(!this.IsPostBack)
    23 {
    24 DataTable mydt=new DataTable();
    25 DataRow mydr;
    26 mydt.Columns.Add(new DataColumn("数字",typeof(Int32)));
    27 mydt.Columns.Add(new DataColumn("平方",typeof(Int32)));
    28 mydt.Columns.Add(new DataColumn("立方",typeof(Int32)));
    29 for(int i=0;i<=10;i++)
    30 {
    31 mydr=mydt.NewRow();
    32 mydr[0]=i;
    33 mydr[1]=i*i;
    34 mydr[2]=i*i*i;
    35 mydt.Rows.Add(mydr);
    36 }
    37 this.Repeater1.DataSource=mydt;
    38 this.Repeater1.DataBind();
    39 }
    40 }
    41 #region Web 窗体设计器生成的代码
    42 override protected void OnInit(EventArgs e)
    43 {
    44 //
    45 // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
    46 //
    47 InitializeComponent();
    48 base.OnInit(e);
    49 }
    50 /// <summary>
    51 /// 设计器支持所需的方法 - 不要使用代码编辑器修改
    52 /// 此方法的内容。
    53 /// </summary>
    54 private void InitializeComponent()
    55 { 
    56 this.Repeater1.ItemCommand += new System.Web.UI.WebControls.RepeaterCommandEventHandler(this.Repeater1_ItemCommand);
    57 this.Load += new System.EventHandler(this.Page_Load);
    58 }
    59 #endregion
    60 private void Repeater1_ItemCommand(object source, System.Web.UI.WebControls.RepeaterCommandEventArgs e)
    61 {
    62 }
    63 }
    64 }



    4、 最后浏览,看看有什么结果?见下表:

    数字
    平方
    立方

    0
    0
    0

    1
    1
    1

    2
    4
    8

    3
    9
    27

    4
    16
    64

    5
    25
    125

    6
    36
    216

    7
    49
    343

    8
    64
    512

    9
    81
    729

    10
    100
    1000

  • 相关阅读:
    websocket协议解决消息发送问题 Could not decode a text frame as UTF-8.
    成功解决internal/modules/cjs/loader.js:596 throw err; ^ Error: Cannot find module 'minimatch'
    FastDFS客户端与自定义文件存储系统
    fastdfs 中client.conf 文件
    centos 中 redis 的安装
    redis安装成功后get: command not found
    Shell基础知识(二)
    Shell基础知识(一)
    binary search模板总结
    配置远程jupyter notebook
  • 原文地址:https://www.cnblogs.com/SJP666/p/4871758.html
Copyright © 2011-2022 走看看