GridView增加自动序号列
GridView增加自动序号列
第一种方式,直接在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();
- }
- }
- 我自己的实现方法:
-
<yyc:SmartGridView ID="GridView1" runat="server" AutoGenerateColumns="False" AllowSorting="True" Width="100%" DataSourceID="ObjectDataSource1" AllowPaging="True" PageSize="10" ShowHeader="false"> <Columns> <asp:TemplateField> <ItemTemplate> <asp:Label ID="lbl_Index" runat="server" Text='<%# this.GridView1.PageIndex * this.GridView1.PageSize + this.GridView1.Rows.Count + 1%>' /> <asp:Label ID="PERSON_WORDS" runat="server" Text='<%# Eval("PERSON_WORDS") %>'></asp:Label> </ItemTemplate> </asp:TemplateField> </Columns> <PagerTemplate> <asp:LinkButton ID="btnFirst" runat="server" CausesValidation="False" CommandArgument="First" CommandName="Page">首页</asp:LinkButton> <asp:LinkButton ID="btnPrev" runat="server" CausesValidation="False" CommandArgument="Prev" CommandName="Page">上一页</asp:LinkButton> <asp:LinkButton ID="btnNext" runat="server" CausesValidation="False" CommandArgument="Next" CommandName="Page">下一页</asp:LinkButton> <asp:LinkButton ID="btnLast" runat="server" CausesValidation="False" CommandArgument="Last" CommandName="Page">尾页</asp:LinkButton> 第<asp:Label ID="lbpage" runat="server" Text='<%#((GridView)Container.Parent.Parent).PageIndex + 1 %>'> </asp:Label>页 共<asp:Label ID="lbpagecount" runat="server" Text='<%# ((GridView)Container.Parent.Parent).PageCount %>'></asp:Label>页 跳到<input id="txtPage" type="text" value='<%# ((GridView)Container.Parent.Parent).PageIndex + 1 %>' style="width: 30px; height: 20px" /> <%--<asp:TextBox ID="txtPage" runat="server" Text='<%# ((GridView)Container.Parent.Parent).PageIndex + 1 %>' Width="30px" Height="20px"></asp:TextBox>--%> <input id="btn_Go" type="button" value="GO" onclick="PageSearch();" class="button" style="height: 25px" /> </PagerTemplate> <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Center" /> </yyc:SmartGridView>
效果图:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步