博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
给Repeater控件里添加序号的5种方法
阅读量:6014 次
发布时间:2019-06-20

本文共 1420 字,大约阅读时间需要 4 分钟。

Repeater是我们经常用的一个显示数据集的数据控件,经常我们希望在数据前显示数据的序号,那么我们该怎么为Repeater控件添加序号呢?下面编辑为大家介绍几种常用的为Repeater控件添加序号的方法:

方法一:

利用Container.ItemIndex属性,代码如下:

<Itemtemplate >

<%# Container.ItemIndex + 1% >
</Itemtemplate >

方法二:

利用Repeater的Items.Count属性,代码如下:

<Itemtemplate >

<%# this.Repeater.Items.Count + 1% >
</Itemtemplate >

方法三:

利用JS在前台给一个Label标签赋值,代码如下:

在.aspx中添加一个Label控件,用来显示序号。

<Label ID="label" runat="server" ></Label >

JS代码:

<body οnlοad="show()" >

<Script Language="javascript" >
function show()
{
var bj = document.all.tags("Label经解释后生成的Html标签");
for (i=0;i<obj.length;i++)
{
document.all["Label经解释后生成的Html标签"][i].innerHTML=i+1;
}
}
</script >

该方法需注意的地方比较多,不推荐使用。

 
 方法四:在后台中实现,代码如下:
在.aspx里添加一个Label控件

<asp:Label id="Label1" runat="server" ></asp:Label >

在.cs里添加代码:

void InitializeComponent()

{   
   this.Repeater1.ItemDataBound += new System.Web.UI.WebControls.RepeaterItemEventHandler(this.Repeater1_ItemDataBound);
   this.Load += new System.EventHandler(this.Page_Load);
}
void Repeater1_ItemDataBound(object source, System.Web.UI.WebControls.RepeaterItemEventArgs e)
{
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
   {
    ((Label)e.Item.FindControl("Label1")).Text = Convert.ToString(e.Item.ItemIndex + 1);
   }
}

方法五:为Repeater控件添加连续的编号,翻页后序号接前上一页的序号,代码如下:

<%# Container.ItemIndex + 1 + (this.AspNetPager.CurrentPageIndex -1)*每页的数据数量 >

关于给Repeater控件里添加序号的5种方法的内容已经由的讲师为您介绍完了,希望本文的内容能够对学员们有所帮助。

转载地址:http://rnyqx.baihongyu.com/

你可能感兴趣的文章
常用工具锦集
查看>>
阅读Qt Creator-OutputPane相关
查看>>
Openfire源代码调试、编译开发环境
查看>>
Bootstrap的优缺与学习
查看>>
文本编程
查看>>
Objective c singleton design pattern
查看>>
mercurial SVN设置用户名、密码
查看>>
ASP.NET 数据绑定——<%# %> 语法
查看>>
我的友情链接
查看>>
sp_addlinkedserver使用方法
查看>>
MYSQL优化-之GROUP BY
查看>>
Nginx+Php-fpm运行原理详解
查看>>
PHP获取当前服务器详细信息
查看>>
CentOS 6.4 配置LAMP环境与 phpmyadmin 安装
查看>>
火猴浏览器3.0的语义解析突破
查看>>
juniper 设置系统时区和时间
查看>>
在spring来管理实例对象prototype和singleton的选择.针对action如何使用
查看>>
乔布斯走了。你还期待苹果吗?
查看>>
linux 修改密码错误
查看>>
spring cloud的遇上浏览器特殊端口
查看>>