zoukankan      html  css  js  c++  java
  • 给Repeater控件里添加序号的5种方法

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

     

    .net是目前非常热门的一种程序编译语言,在.net培训中的众多知识点中,给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种方法的内容已经由达内培训的讲师为您介绍完了,希望本文的内容能够对学员们有所帮助。

  • 相关阅读:
    Unity之图片压缩,批量设置,导入自动设置
    Unity之可寻址资源之初始化,下载
    最优二叉树
    独立任务最优调度问题
    石子合并问题
    linux初学笔记
    码农
    用循环打印出多种三角形
    人机猜拳(这是最近的一个总结)
    期末总结
  • 原文地址:https://www.cnblogs.com/qiliping/p/4453210.html
Copyright © 2011-2022 走看看