asp.net GridView控件遍历示例中,如何实现高效数据展示与操作?
- 技术教程
- 2025-12-23
- 3517
在ASP.NET中,GridView控件是一个非常强大的数据展示工具,它允许开发者以表格的形式展示数据,下面,我将通过一个小例子来展示如何使用GridView控件遍历数据。
小例子:使用GridView控件展示数据
创建ASP.NET Web应用
你需要创建一个新的ASP.NET Web应用,这可以通过Visual Studio来完成,在Visual Studio中,选择“文件” -> “新建” -> “项目”,然后选择“ASP.NET Web应用”模板。

添加GridView控件
在创建好的Web应用中,添加一个新的ASPX页面,在这个页面上,你可以通过拖放的方式来添加GridView控件,右键点击页面,选择“Insert” -> “Web Controls” -> “GridView”。
设置数据源
GridView控件需要数据源来展示数据,在这个例子中,我们将使用一个简单的数据集来作为数据源,在ASPX页面中添加一个<asp:DataSet>控件,并为其设置一个ID,例如dsData。
<asp:DataSet ID="dsData" runat="server"> <DataTable> <Column Name="ID" Type="Int32" /> <Column Name="Name" Type="String" /> <Column Name="Age" Type="Int32" /> </DataTable> </asp:DataSet>
添加数据
我们需要向数据集中添加数据,这可以通过代码来实现,在页面加载事件中,添加以下代码:

protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { DataTable dt = new DataTable(); dt.Columns.Add("ID", typeof(int)); dt.Columns.Add("Name", typeof(string)); dt.Columns.Add("Age", typeof(int)); for (int i = 1; i <= 10; i++) { dt.Rows.Add(i, "Name " + i, 20 + i); } dsData.Tables[0].Merge(dt); } }
配置GridView控件
我们需要配置GridView控件来绑定数据源,设置其DataSourceID属性为dsData,然后设置其DataKeyNames属性为ID。
<asp:GridView ID="gvData" runat="server" DataSourceID="dsData" DataKeyNames="ID"> <Columns> <asp:BoundField DataField="ID" HeaderText="ID" /> <asp:BoundField DataField="Name" HeaderText="Name" /> <asp:BoundField DataField="Age" HeaderText="Age" /> </Columns> </asp:GridView>
运行应用
保存页面,并运行Web应用,在浏览器中打开页面,你应该能看到一个包含10行数据的表格。

表格示例
| ID | Name | Age |
|---|---|---|
| 1 | Name 1 | 21 |
| 2 | Name 2 | 22 |
| 3 | Name 3 | 23 |
| 4 | Name 4 | 24 |
| 5 | Name 5 | 25 |
| 6 | Name 6 | 26 |
| 7 | Name 7 | 27 |
| 8 | Name 8 | 28 |
| 9 | Name 9 | 29 |
| 10 | Name 10 | 30 |
FAQs
Q1: 如何自定义GridView的列样式?
A1: 你可以通过设置<asp:GridView>控件的CssClass属性来应用CSS样式,或者直接在<Columns>部分为每个<asp:BoundField>或<asp:TemplateField>设置CssClass属性。
Q2: 如何在GridView中添加分页功能?
A2: 默认情况下,GridView控件已经包含了分页功能,你只需要设置其AllowPaging属性为true即可,还可以通过设置PageSize属性来指定每页显示的行数。