ASP.NET 魔法學院

此範例是示範如何在 GridView 加入一個自動編號的欄位，以標示該資料列的編號。

首先在 GridView 第一欄加入一個 TemplateField，並在 TemplateField 的 ItemTemplate 加入一個 Label (ID=lblNo)，asxp 對應程式碼如下。

<asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False" DataKeyNames="Flag,ID" DataSourceID="SqlDataSource1" EmptyDataText="沒有資料錄可顯示。"> <Columns> <asp:TemplateField HeaderText="序號"> <ItemTemplate> <asp:Label ID="lblNo" runat="server" Text="Label"></asp:Label> </ItemTemplate> <ItemStyle Wrap="True" /> <HeaderStyle Wrap="False" /> </asp:TemplateField> </Columns> </asp:GridView>

然後在 GridView 的 RowDataBound 事件中，設定每一列的 lblNo 的 Text 屬性值為 RowIndex+1。

因為 RowIndex 起始編號為 0 ，故每列的自動編號為 RowIndex+1。

Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowDataBound Dim oLabel As Label If e.Row.RowType = DataControlRowType.DataRow Then oLabel = CType(e.Row.Cells(0).FindControl("lblNo"), Label) oLabel.Text = (e.Row.RowIndex + 1).ToString() End If End Sub

以上的寫法遇到 GridView 分頁時，都是由 1 開始編號，若需分頁需要接續編號，可改用修改如下。

Protected Sub GridView1_RowDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowDataBound Dim oLabel As Label Dim oGridView As GridView If e.Row.RowType = DataControlRowType.DataRow Then oGridView = CType(sender, GridView) oLabel = CType(e.Row.Cells(0).FindControl("lblNo"), Label) oLabel.Text = (oGridView.PageIndex * oGridView.PageSize) + (e.Row.RowIndex + 1).ToString() End If End Sub

 

ASP.NET 魔法學院