asp.net的GridView控件使用方法大全

ASP.NET GridView控件的使用方法大全

ASP.NET GridView是一种常用的Web控件，用于显示或编辑数据库中的数据。在本篇文章中，我们将详细介绍GridView控件的使用方法。

GridView控件基本使用方法

创建GridView控件

使用ASP.NET Web表单，可以在可视化设计界面中加入GridView控件，或者手动编辑代码，添加完整的GridView控件代码块。

以下是一个GridView控件的完整代码块：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
    <Columns>
        <asp:BoundField DataField="id" HeaderText="ID" />
        <asp:BoundField DataField="name" HeaderText="名称" />
        <asp:BoundField DataField="price" HeaderText="价格" />
    </Columns>
</asp:GridView>

此处的GridView控件包括3列，分别为ID、名称和价格，数据来自数据源。

绑定数据到GridView控件

使用数据源控件（如ObjectDataSource、SqlDataSource等）将数据源中的数据绑定到GridView控件上，实现数据显示。

以下是一个在GridView控件上绑定数据的示例，其中使用了SqlDataSource数据源控件：

<asp:SqlDataSource ID="SqlDataSource1" runat="server"
    ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
    SelectCommand="SELECT * FROM products"></asp:SqlDataSource>

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
    DataSourceID="SqlDataSource1">
    <Columns>
        <asp:BoundField DataField="id" HeaderText="ID" />
        <asp:BoundField DataField="name" HeaderText="名称" />
        <asp:BoundField DataField="price" HeaderText="价格" />
    </Columns>
</asp:GridView>

此处的数据源为一个包含所有产品信息的表，由SqlDataSource控件实现对数据源的连接和查询操作。GridView控件将数据显示在网页上。

GridView控件的数据事件

GridView控件支持多种数据操作事件，例如Select、Insert、Update和Delete等。数据事件可以在程序中使用事件处理程序进行实现。

以下示例展示了如何在GridView控件中使用Update事件：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
    OnRowUpdating="GridView1_RowUpdating">
    <Columns>
        <asp:BoundField DataField="id" HeaderText="ID" />
        <asp:BoundField DataField="name" HeaderText="名称" />
        <asp:BoundField DataField="price" HeaderText="价格" />
        <asp:CommandField ShowEditButton="True" />
    </Columns>
</asp:GridView>

此处新增一个命令列（CommandField），命令列上包含编辑按钮。在使用Update事件前，需要先将GridView的DataKeyNames属性设置为对应的数据表主键字段名。

protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)
{
    string id = GridView1.DataKeys[e.RowIndex].Values["id"].ToString();
    string name = e.NewValues["name"].ToString();
    string price = e.NewValues["price"].ToString();
    // 使用id、name和price进行数据更新操作
}

此处实现了GridView控件的Update事件处理程序，在用户点击编辑按钮时，根据对应行的主键ID值，将GridView中的数据进行更新操作。

GridView控件高级使用方法

在GridView控件中使用模板列

GridView控件的模板列可以用于显示格式、实现特定的数据绑定操作等。

以下示例展示了如何在GridView控件中使用模板列，并在模板列中进行数据绑定：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
    <Columns>
        <asp:BoundField DataField="id" HeaderText="ID" />
        <asp:TemplateField HeaderText="名称">
            <ItemTemplate>
                <%# Eval("name") %>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="价格">
            <ItemTemplate>
                <%# Convert.ToDouble(Eval("price")).ToString("C") %>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

此处的GridView控件包括3列，分别为ID、名称和价格，其中名称列和价格列使用了模板列进行定制化显示。在模板列中，使用Eval函数对数据进行绑定操作。

在GridView控件中使用多级表头

使用GridView控件，也可以实现多级表头的数据显示。

以下示例展示了如何在GridView控件中使用多级表头：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
    <Columns>
        <asp:BoundField DataField="id" HeaderText="编号" />
        <asp:TemplateField HeaderText="商品信息" ItemStyle-HorizontalAlign="Center"
            ItemStyle-VerticalAlign="Middle" HeaderStyle-CssClass="bg-primary"
            HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle">
            <ItemTemplate>
                <asp:Literal runat="server" Text='<%# Eval("name") %>'></asp:Literal>
                <br />
                <asp:Image runat="server" ImageUrl='<%# Eval("image") %>' Width="79px" Height="70px" />
            </ItemTemplate>
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="bg-primary"></HeaderStyle>
            <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle"></ItemStyle>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="价格" ItemStyle-HorizontalAlign="Center"
            ItemStyle-VerticalAlign="Middle" HeaderStyle-CssClass="bg-primary"
            HeaderStyle-HorizontalAlign="Center" HeaderStyle-VerticalAlign="Middle">
            <ItemTemplate>
                <%# Convert.ToDouble(Eval("price")).ToString("C") %>
            </ItemTemplate>
            <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" CssClass="bg-primary"></HeaderStyle>
            <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle"></ItemStyle>
        </asp:TemplateField>
        <asp:BoundField DataField="date" HeaderText="日期"
            DataFormatString="{0:yyyy-MM-dd}" />
    </Columns>
    <HeaderStyle CssClass="bg-primary" />
</asp:GridView>

此处的GridView控件包括4列，分别为编号、商品信息、价格和日期，其中商品信息列具有两个子项：名称和图片。

在模板列中使用了Literal控件和Image控件，实现了商品信息列的多级表头。

以上就是ASP.NET GridView控件的使用方法大全，希望能对您有所帮助。