• 给Repeater控件里添加序号的5种方法


    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 onload="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种方法的内容已经由达内培训的讲师为您介绍完了,希望本文的内容能够对学员们有所帮助。

  • 相关阅读:
    微信端H5页面问题总结
    css英文长文字会自动换行的解决办法
    前端面试题二(来自前端网http://www.qdfuns.com/notes/23515/fa8b1e788ac39b04108fc33e5b543c4a.html)
    前端面试题(来自前端网http://www.qdfuns.com/notes/23515/c9163ddd620baac5dd23141d41982bb8.html)
    js中的闭包
    js中this的运用
    关于echart x轴溢出的解决办法
    关于jsonp的学习
    关于获取浏览器参数的见解
    关于echar彩色柱状图颜色配置问题
  • 原文地址:https://www.cnblogs.com/william-lin/p/3497869.html
Copyright © 2020-2023  润新知