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="schemas.microsoft/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。
B、 数据字段名:绑定表格的列名(此例如“平方”等)。
C、 格式字符串
如果要求高性能,不建议使用DataBinder.Eval()方法
3、 打开Repeater.aspx.cs文件,输入下面的代码:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace TeachShow.Charpter7
{
/// <summary>
/// Repeater 的摘要说明。
/
// </summary>
public class Repeater : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Repeater Repeater1;
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
if(!this.IsPostBack)
{
DataTable mydt=new DataTable();
DataRow mydr;
mydt.Columns.Add(new DataColumn("数字",typeof(Int32)));
mydt.Columns.Add(new DataColumn("平方",typeof(Int32)));
mydt.Columns.Add(new DataColumn("立方",typeof(Int32)));
for(int i=0;i<=10;i++)
{
mydr=mydt.NewRow();
mydr[0]=i;
mydr[1]=i*i;
mydr[2]=i*i*i;
mydt.Rows.Add(mydr);
}
this.Repeater1.DataSource=mydt;
this.Repeater1.DataBind();
}
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.Repeater1.ItemCommand += new System.Web.UI.WebControls.RepeaterCommandEventHandler(this.Repeater1_ItemCommand);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void Repeater1_ItemCommand(object source, System.Web.UI.WebControls.RepeaterCommandEventArgs e)
{
}
}
}
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
问题内容:一个关于Repeater控件的问题,及LinkButton客户端JavaScript脚本问题
原讨论链接:community.csdn/expert/topicview1.asp?id=2966944
所属论坛:ASP.NET 审核组:.NET技术
提问者:icbm 解决者:acewang
感谢:SVG、linfuguo
关键字:
答案:
一个关于Repeater控件的问题,及LinkButton客户端JavaScript脚本问题
我做一个留言本,留言的内容用Repeater来实现。
<asp:Repeater id="repGuestbook" runat="server">
<ItemTemplate>
....
.
...
<asp:LinkButton id="DelButton" runat="server" OnCommand="Del_Click" CommandName="Del" CommandArgument= '<%# DataBinder.Eval(Container.DataItem,"ID") %>'>删除留言</asp:LinkButton>
....
....
</ItemTemplate>
</asp:Repeater>
我有两个问题:
一、我想让“删除留言”这个按钮只有管理员可以看见。即先检查是不是“管理员”身份(我通过Session来实现身份确认),然后决定是否显示这个按钮。
我想在Repeater控件的“ItemCreated”事件中来实现这个功能。我想创建一个Item后,再决定LinkButton的Visible来实现这个功能。但是不知道如何做。
二、我想再“删除留言”这个按钮点击后,提交到服务器之前,先给管理员一个“确认”提示。
以前我用“ASP”时,用“JavaScript”来实现,方法如下:
<script language="JavaScript">
function confirm_del()
{
if (alert('您确信要删这条留言吗?'))
return true;
return false;
}
</script>
<a href="del.asp?id=xxx" onClick="JavaScript:return confirm_del();">删除留言</a>
请问:在Asp中如何用LinkButton通过客户端脚本来实现这个功能?或者用别的方法实现这个功能也可以。
---------------------------------------------------------------
<asp:LinkButton id="DelButton" runat="server" visible='<%#CheckUser()%>' ...
....
private bool CheckUser()
{
if (Session["Admin"]!=null and Session["Admin"]!="xxx")
return true;
else
return false; typeof的用法
}
ItemCreated:
if (e.Item.ItemType==ListItemType.Item)
{
LinkButton lb=(LinkB
utton)e.Item.FindControls("LinkButton");
lb.Attributes["onclick"]="return confirm('xxxxxxx');";
}
---------------------------------------------------------------
1. 根据权限, 可以设置那 itemTemplate 列的 visible 属性
2. 可以 ((LinkButton)repeater.FindControl("linkbuttonid")).Attributes["onclick"] = "JavaScript:return confirm_del();";
---------------------------------------------------------------
学习
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论