Tăng tự động số dòng (Row Number) trong trong ASP.Net GridView

(Đánh số thứ tự tự động trong Gridview) –  Khi sử dụng bảng trong Excel và Word người sử dụng thường phải có cột STT để người xem dễ quan sát số thứ tự của bảng. Và cũng như vậy khi xem dữ liệu hiển thị trên Gridview, số thứ tự của dòng cũng rất quan trong nó giúp người xem dễ nhận biết số dòng/số thứ tự trong Gridview từ đó sẽ biết hiện có bao nhiêu bản ghi . Bài viết dưới đây sẽ hướng dẫn các bạn các cách để xây dựng chức năng này.

Nghe những bài hát đỉnh nhất về Thấy cô giáo - Nghe trên Youtube

- B1: Tạo CSDL Customers trong SQL Server

- B2: Tạo Bảng Accounts có cấu trúc phía dưới

STT	Tên trường	Kiểu trường	Ghi chú
1	AccountID	Int	Trường tự tăng
2	AccountCode	nvarchar(25)
3	AccName	nvarchar(250)
4	AccAddress	nvarchar(250)
5	AccPhone	nvarchar(50)
6	AccFAX	nvarchar(50)
7	AccEmail	nvarchar(50)
8	AccWebsite	nvarchar(150)
9	AccDesc	nvarchar(1500)
10	CreatedDate	datetime
11	ModifiedDate	datetime

- B3: Nhập dữ liệu cho bảng Accounts

- B4: Tạo stored procedure trong SQL Server

USE [Customers]

GO

CREATE PROCEDURE [dbo].[Pro_Accounts_List]

      @Keyword nvarchar(250),

      @SortField nvarchar(50),

      @SortType nvarchar(10)

AS

declare @strSQL   nvarchar(1000)

declare @strWhere nvarchar(500)

declare @strOrder nvarchar (50)

set @strSQL= 'Select * from Accounts'

set @strWhere =' Where 1=1 '

if @Keyword<>''

      set @strWhere= @strWhere  +' And (AccountCode like N''%' +@Keyword+'%''

            Or AccName like N''%' +@Keyword+'%'' Or AccAddress like N''%' +@Keyword+'%''

            Or AccPhone like N''%' +@Keyword+'%'' Or AccFAX like N''%' +@Keyword+'%''

            Or AccEmail like N''%' +@Keyword+'%'' Or AccWebsite like N''%' +@Keyword+'%'')'

if @SortField='CreatedDate'

      Begin

            set @strOrder =' Order by CreatedDate'

      End

Else

      Begin

            set @strOrder =' Order by AccName'

      End

set @strSQL=@strSQL+@strWhere+@strOrder

print @strSQL

exec sp_executesql @strSQL

Go

Bạn có thể tải về bảng cơ sở dữ liệu SQL bằng cách nhấn vào liên kết tải về dưới đây

- B5: Tạo Project trong Microsoft Visual Studio 2010

Trong Visual Studio tạo 1 Class có tên: Utility và nhập đoạn Code phía dưới cho Class này.

Imports System.Data.SqlClient

Imports System.Data

Namespace GenerateRowNumberinGridview

    Public Class SqlDataProvider

#Region "Membres Prives"

        Shared _IsError As Boolean = False

        Private _connectionString AsString

#End Region

#Region "Constructeurs"

        Public Sub New()

            Try

                _connectionString = ConfigurationManager.ConnectionStrings("SiteSqlServer").ConnectionString

                _IsError = False

            Catch ex As Exception

                _IsError = True

            End Try

        End Sub

#End Region

#Region "Proprietes"

        Public ReadOnly Property ConnectionString() AsString

            Get

                Return _connectionString

            End Get

        End Property

#End Region

#Region "Functions"

        Public FunctionFillTable(ByVal ProcName As String, ByVal ParamArrayPara() As ObjectPara) As DataTable

            Try

                Dim tb AsNew DataTable

                Dim adap AsNew SqlDataAdapter(ProcName, _connectionString)

                adap.SelectCommand.CommandType = CommandType.StoredProcedure

                If NotPara Is NothingThen

                    For Eachp As ObjectParaIn Para

                        adap.SelectCommand.Parameters.Add(New SqlParameter(p.Name, p.Value))

                    Next

                End If

                adap.Fill(tb)

                Return tb

            Catch ex As Exception

                Return Nothing

            End Try

        End Function

#End Region

    End Class

    Public Class ObjectPara

        Dim _name As String

        Dim _Value As Object

        Sub New(ByVal Pname As String, ByVal PValue As Object)

            _name = Pname

            _Value = PValue

        End Sub

        Public PropertyName() As String

            Get

                Return _name

            End Get

            Set(ByVal value As String)

                _name = value

            End Set

        End Property

        Public PropertyValue() As Object

            Get

                Return _Value

            End Get

            Set(ByVal value As Object)

                _Value = value

            End Set

        End Property

    End Class

End Namespace

Chú ý: Thuộc tính SiteSqlServer chính là chuỗi Connect với SQL Server trong file Web.Config

- Cách 1: Sử dụng  thuộc tính DataItemIndex

Mở file Default.aspx dưới dạng HTML và  nhập mã HTML cho Gridview

<asp:GridView ID="grvObject" runat="server" AllowPaging="true" PageSize="12"

    CssClass="GridStyle"BorderColor="#cbcbcb"BorderStyle="solid"

    BorderWidth="1"AutoGenerateColumns="false"DataKeyNames="AccountID"width="100%">

    <AlternatingRowStyleCssClass="GridStyle_AltRowStyle"/>

    <HeaderStyle CssClass="GridStyle_HeaderStyle"/>

    <RowStyle CssClass="GridStyle_RowStyle"/>

    <pagerstyle cssclass="GridStyle_pagination"/>

    <Columns>

        <asp:TemplateField HeaderText = "Number">

            <ItemStyle HorizontalAlign="Center"Width="2%"></ItemStyle>

            <ItemTemplate>

                <asp:Label ID="lblRowNumber"Text='<%# Container.DataItemIndex + 1 %>' runat="server"/>

            </ItemTemplate>

        </asp:TemplateField>

        <asp:BoundField ItemStyle-Width="10%"DataField="AccountCode"HeaderText="AccountCode"/>

        <asp:BoundField ItemStyle-Width="15%"DataField="AccName"HeaderText="AccountName"/>

        <asp:BoundField ItemStyle-Width="10%"DataField="AccPhone"HeaderText="Phone"/>

        <asp:BoundField ItemStyle-Width="10%"DataField="AccFAX"HeaderText="FAX"/>

        <asp:BoundField ItemStyle-Width="15%"DataField="AccEmail"HeaderText="Email"/>                              

    </Columns>                                 

</asp:GridView>

- Cách 2: Viết Code

+ B1: Mở file Default.aspx dưới dạng HTML và  nhập mã HTML cho Gridview

<asp:GridView ID="grvObject" runat="server" AllowPaging="true" PageSize="12"

    CssClass="GridStyle"BorderColor="#cbcbcb"BorderStyle="solid"

    BorderWidth="1"AutoGenerateColumns="false"DataKeyNames="AccountID"width="100%">

    <AlternatingRowStyleCssClass="GridStyle_AltRowStyle"/>

    <HeaderStyle CssClass="GridStyle_HeaderStyle"/>

    <RowStyle CssClass="GridStyle_RowStyle"/>

    <pagerstyle cssclass="GridStyle_pagination"/>

    <Columns>

        <asp:TemplateField HeaderText = "Number">

            <ItemStyle HorizontalAlign="Center"Width="2%"></ItemStyle>

            <ItemTemplate>

                <asp:Label ID="lblRowNumber"runat="server"></asp:Label>

            </ItemTemplate>

        </asp:TemplateField>

        <asp:BoundField ItemStyle-Width="10%"DataField="AccountCode"HeaderText="AccountCode"/>

        <asp:BoundField ItemStyle-Width="15%"DataField="AccName"HeaderText="AccountName"/>

        <asp:BoundField ItemStyle-Width="10%"DataField="AccPhone"HeaderText="Phone"/>

        <asp:BoundField ItemStyle-Width="10%"DataField="AccFAX"HeaderText="FAX"/>

        <asp:BoundField ItemStyle-Width="15%"DataField="AccEmail"HeaderText="Email"/>                              

    </Columns>                                 

</asp:GridView>

+ B2: Viết Code cho sự kiện RowDataBound của Gridview

Private SubgrvObject_RowDataBound(ByVal sender As Object, ByVal e As GridViewRowEventArgs) HandlesgrvObject.RowDataBound

            If(e.Row.RowType = DataControlRowType.DataRow) Then

                Dim lblRowNumber As Label = DirectCast(e.Row.FindControl("lblRowNumber"), Label)

                If NotlblRowNumber Is NothingThen

                    lblRowNumber.Text = (e.Row.DataItemIndex + 1).ToString()

                End If

            End If

        End Sub

Hoặc

Private SubgrvObject_RowDataBound(ByVal sender As Object, ByVal e As GridViewRowEventArgs) HandlesgrvObject.RowDataBound

            If e.Row.RowType = DataControlRowType.DataRow Then

                Dim lblRowNumber As Label = DirectCast(e.Row.FindControl("lblRowNumber"), Label)

                If NotlblRowNumber Is NothingThen

                    If NotlblRowNumber Is NothingThen

                        lblRowNumber.Text = (((grvObject.PageIndex) * grvObject.PageSize) + e.Row.RowIndex + 1).ToString()

                    End If

                End If

            End If

        End Sub

Bây giờ chạy Project bạn sẽ có kết quả như ảnh phía dưới.

Chúc các bạn thành công!

Quang Bình