GridView，Repeater增加自动序号列

jimmy2248

于 2011-12-20 16:25:40 发布

阅读量358

点赞数

分类专栏： .NET 文章标签： server asp object 2010

.NET 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了ASP.NET GridView分页时如何在模板列中自动生成序号，包括三种不同的实现方式，以及如何在Repeater控件中获取当前行号。通过实例演示了如何使用代码实现这一功能，方便开发者在网页开发中应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种方式,直接在Aspx页面GridView模板列中.这种的缺点是到第二页分页时又重新开始了.

<asp:TemplateField HeaderText="序号" InsertVisible="False">
<ItemStyle HorizontalAlign="Center" />
<HeaderStyle HorizontalAlign="Center" Width="5%" />
<ItemTemplate>
<%#Container.DataItemIndex+1%>
</ItemTemplate>
</asp:TemplateField>

第二种方式分页时进行了计算,这样会累计向下加.

<asp:TemplateField HeaderText="序号" InsertVisible="False">
<ItemStyle HorizontalAlign="Center" />
<HeaderStyle HorizontalAlign="Center" Width="5%" />
<ItemTemplate>
<asp:Label ID="Label2" runat="server" Text='<%# this.MyListGridView.PageIndex * this.MyListGridView.PageSize + this.MyListGridView.Rows.Count + 1%>'/>
</ItemTemplate>
</asp:TemplateField>

还有一种方式放在cs代码中,和第二种相似.

<asp:BoundField HeaderText="序号" >
<ItemStyle HorizontalAlign="Center" />
<HeaderStyle HorizontalAlign="Center" Width="5%" />
</asp:BoundField>

protected void myGridView_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowIndex != -1)
    {
       int indexID = this.myGridView.PageIndex * this.myGridView.PageSize + e.Row.RowIndex + 1;
       e.Row.Cells[0].Text = indexID.ToString();
    }
}

Repeater自身就带有这个获取当前行号的属性，而无需程序员绑定这个行号，Container.ItemIndex 就可以获取了，见下示例：

<asp:Repeater ID="Repeater1" runat="server">
    <ItemTemplate>
        行号：<%#Container.ItemIndex %>
    </ItemTemplate>
</asp:Repeater>

如果上面的示例中，Repeater已经绑定了数据，并且数据的至少为一笔记录，那么行号就会显示出来，行号从零开始，如果想改为从1开始，那么可以将以上的代码改为Container.ItemIndex+ 1，见如下示例：

<asp:Repeater ID="Repeater1" runat="server">
    <ItemTemplate>
        行号：<%#Container.ItemIndex + 1 %>
    </ItemTemplate>
</asp:Repeater>

就可以了。

<asp:Repeater ID="Repeater1" runat="server">
    <ItemTemplate>
        <%# Container.ItemIndex + 1%>
        <%# (Container as RepeaterItem).ItemIndex + 1%>
    </ItemTemplate>
</asp:Repeater>

原文出处：http://www.cnblogs.com/purplefox2008/archive/2010/09/19/1830802.html