需求介绍:在Repeater(Table)中加入“序号”列,从1开始自增,步长为1。

思路:因为“序号”跟Repeater的行号有关,所以要在Repeater的ItemDataBound事件中输出“序号”的值。为方便给“序号”赋值,我们使用Label控件。

注意:Repeater的ItemIndex是从0开始的,而“序号”列是从1开始的,所以ItemIndex要加1。

前台代码如下图所示:

  1. 前台代码
  2. <asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound">
  3. <HeaderTemplate>
  4. <table border="" style="border-color: #000000; border-collapse: collapse; width: 100%;
  5. text-align: center; word-spacing: normal; font-size: 13px;" cellpadding="">
  6. <tr height="" style="background-color: #66CCFF; font-weight: bold;">
  7. <td>
  8. 序号
  9. </td>
  10. <td>
  11. 合同号
  12. </td>
  13. <td>
  14. 设备名称
  15. </td>
  16. <td>
  17. 设备型号
  18. </td>
  19. <td>
  20. 数量
  21. </td>
  22. <td>
  23. 入库时间
  24. </td>
  25. <td>
  26. 操作
  27. </td>
  28. </tr>
  29. </HeaderTemplate>
  30. <ItemTemplate>
  31. <tr style='background-color: <%#(Container.ItemIndex%2==0)?"#eeeeee":"#ffffff"%>'
  32. onmouseover="this.style.background='#ddeeff'" onmouseout="this.style.background='<%#(Container.ItemIndex%2==0)?"#eeeeee":"#ffffff"%>'">
  33. <td>
  34. <asp:Label ID="no" runat="server" Text=""></asp:Label>
  35. </td>
  36. <td>
  37. <%# DataBinder.Eval(Container, "DataItem.contract_no")%>
  38. </td>
  39. <td>
  40. <%# DataBinder.Eval(Container, "DataItem.assets_name")%>
  41. </td>
  42. <td>
  43. <%# DataBinder.Eval(Container, "DataItem.assets_model")%>
  44. </td>
  45. <td>
  46. <%# DataBinder.Eval(Container, "DataItem.assets_amount")%>
  47. </td>
  48. <td>
  49. <%# DataBinder.Eval(Container, "DataItem.in_time")%>
  50. </td>
  51. <td>
  52. <asp:HyperLink ID="HyperLink1" runat="server" Target="_blank" NavigateUrl='<%#"storage_details.aspx?storage_id="+DataBinder.Eval(Container, "DataItem.ID") %>' Text="明细"></asp:HyperLink>
  53. </td>
  54. </tr>
  55. </ItemTemplate>
  56. <FooterTemplate>
  57. </table>
  58. </FooterTemplate>
  59. </asp:Repeater>

后台代码如下图所示:

  1. 后台代码
  2. protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
  3. {
  4. if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
  5. {
  6. Label lb_no = (Label)e.Item.FindControl("no");
  7. lb_no.Text = ( + e.Item.ItemIndex).ToString();
  8. }
  9. }

ASP.NET(C#)--Repeater中生成“序号”列的更多相关文章

  1. OAF TABLE中添加序号列

    在实际的OAF页面TABLE的使用中,会有很多时候需要在前台页面中显示序号,虽然在sql中可以使用rownum来获得序号,但是rounum的优先级比order by 高,所以在语句中order by ...

  2. (转)Repeater中增加序号自增列

    <%# Convert.ToString(Container.ItemIndex+)%> 当Repeater空为时,提示没有数据... <FooterTemplate> < ...

  3. GridView,Repeater增加自动序号列

    有三种实现的方式, 第一种方式,直接在Aspx页面GridView模板列中.这种的缺点是到第二页分页时又重新开始了. <Columns> <asp:TemplateField Hea ...

  4. aspxgridView,Repeater增加自动序号列

    第一种方式,直接在Aspx页面GridView模板列中.这种的缺点是到第二页分页时又重新开始了. <asp:TemplateField HeaderText="序号" Ins ...

  5. easyui datagrid生成序号列formatter

    var opts1; $('#datagrid_1').datagrid({ columns: [ [{ field: 'myNo', title: '序号', align: 'center', wi ...

  6. asp,对待绑定数据加序号列(DataSet)

    string sql_sel = "select InS.ID as isID, InS.InventorySize , InS.MinValue,InS.MaxValue from Inv ...

  7. MySQL自动生成序号列

    select (@i:=@i+1) i,a.CITYID from basis_cityinfo a ,(select @i:=0) t2 order by a.id desc limit 220;

  8. datatable 加序号列

    最近使用datatable时,发现没有像jqgrid那样生成序号列,在国外网站搜罗了一下还是很简单的,就要在aoColumns中添加一空列占位就行,然后再用fnRowCallback添加序号 示例如下 ...

  9. element-UI el-table添加序号列时序号永远都是从1开始?

    Part.1 示例 当我们想在 el-table 中添加序号列时,如下: <el-table-column label="序号" type="index" ...

随机推荐

  1. Mac下finder中无法关闭的小条

    就是这个恶心的小东西,根本无法关闭.其实就是在finder中无意中输入了中文导致的(不是按Alt+F , 就是打开finder然后输入中文) 可以通过继续输入中文然后按esc退出.也可以用下面的设置尽 ...

  2. 如何刪除GitHub中的repository

    如何刪除一github中的repository,這本該是個非常簡單的操作,可一開始搜的時候,有不少文章比較含糊.這裡就記錄下來吧. 1.訪問https://github.com/settings/pr ...

  3. centos7安装mysql

    centos7安装mysql 1 查找系统是否安装了myql rpm -q mysql mysql-server1.1如果安装了.就删除 sudo yum -y remove mysql mysql- ...

  4. 看oracle版本

    源地址:http://www.cnblogs.com/wolfplan/p/3876164.html select * from v$version;

  5. [ActionScript 3.0] AS3 绘制正二十面体(线条)

    分析: 正二十面体共有12个顶点.30条棱,其20个面都是正三角形.每条棱所对应的弧度值为1.1071487177940904弧度,这个弧度值可通过求Math.sqrt(5)/5的反余弦值求得.正二十 ...

  6. gradle android

    从github下载两个开源项目: PagerSlidingTabStrip    |    Android-Universal-Image-Loader-master https://github.c ...

  7. 立体匹配:关于Middlebury提供的源码的简化后的结构

  8. C#中List的Find方法的使用

    查找List中的某个值,可以使用循环遍历对比,查找出结果.C#中提供了Find方法,可以直接使用,只要查找条件传入就可.如下: public class RecordInfo { private st ...

  9. MyQL修改用户名命令、密码

    ====================================================== update user set host = '%' where user = 'root ...

  10. cocos2d-x的环境的搭建

    1.首先提出一个我从开始接触cocosstudio和cocos2d-x的认识的误区,就是cocosstudio和cocos2d-x的区别是什么呢? cocosstudio是辅助工具,只不过它可以帮助我 ...