当前位置:首页 > 网络编程 > 软件语言 > .NET > 关于Repeater控件的使用

关于Repeater控件的使用

点击次数:107 次 发布日期:2008-11-06 08:13:39 作者:源代码网
源代码网推荐
广告载入中
Repeater控件是一个数据显示控件,该控件允许通过为列表中显示的每一项重复使用指定的模板来自定义布局。



要显示数据,必须先创建模板来绑定数据列表,模块定义如下(另见SDK):



模板
说明

AlternatingItemTemplate
与 ItemTemplate 元素类似,但在 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”视图,输入下列代码:

<%@ Page language="c#" Codebehind="Repeater.aspx.cs" AutoEventWireup="false" Inherits="TeachShow.Charpter7.Repeater" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>Repeater</title>

<LINK rel="stylesheet" type="text/css" href="../Style.css">


<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">

<meta name="CODE_LANGUAGE" Content="C#">

<meta name="vs_defaultClientScript" content="JavaScript">

<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

</HEAD>

<body MS_POSITIONING="GridLayout">

<form id="Form1" method="post" runat="server">

<div align="center">

<center>

<table border="0" cellpadding="0" cellspacing="0" width="272" height="136">

<tr>

<td width="272" height="136">

<div align="center">

<center>

<table border="1" cellpadding="0" cellspacing="0" width="272" height="60" bordercolorlight="#000000"


bordercolordark="#ffffff" class="smallRed">

<asp:Repeater id="Repeater1" runat="server">

<HeaderTemplate>

<tr>

<td width="90" height="30"><FONT face="宋体">数字</FONT></td>

<td width="91" height="30"><FONT face="宋体">平方</FONT></td>

<td width="91" height="30"><FONT face="宋体">立方</FONT></td>

</tr>

</HeaderTemplate>

<ItemTemplate>

<tr>

<td width="90" height="30"><%# DataBinder.Eval(Container.DataItem,"数字") %></td>

<td width="91" height="30"><%# DataBinder.Eval(Container.DataItem,"平方") %></td>

<td width="91" height="30"><%# DataBinder.Eval(Container.DataItem,"立方") %></td>



</tr>

</ItemTemplate>

</asp:Repeater>

</table>

</center>

</div>

</td>

</tr>

</table>

</center>

</div>

</form>

</body>

</HTML>



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

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

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

源代码网推荐

源代码网供稿.
网友评论 (0)
会员中心
网络编程
本站推荐
网络编程之精华