本文概述
- 带有DataTable的ASP.NET DataGrid示例
- 代码背后
- ASP.NET DataGrid示例与数据库
- CodeBehind文件
- SQL Server表中的记录
它是服务器端控件,可以从工具箱拖动到Web表单。 DataGrid的数据源可以是DataTable或数据库。让我们看一个示例,如何在应用程序中创建一个DataGrid。
本教程包含两个示例。一种是使用DataTable,第二种是使用数据库将数据显示到DataGrid中。
带有DataTable的ASP.NET DataGrid示例本示例使用DataTable将数据绑定到DataGrid控件。
// DataGridExample2.aspx
<
%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DataGridExample2.aspx.cs" Inherits="DataGridExample.DataGridExample2" %>
<
!DOCTYPE html>
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head runat="server">
<
title><
/title>
<
/head>
<
body>
<
form id="form1" runat="server">
<
div>
<
p>This DataGrid contains DataTable records <
/p>
<
asp:DataGrid ID="DataGrid1" runat="server">
<
/asp:DataGrid>
<
/div>
<
/form>
<
/body>
<
/html>
代码背后// DataGridExample2.aspx.cs
using System;
using System.Data;
namespace DataGridExample
{
public partial class DataGridExample2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
DataTable table = new DataTable();
table.Columns.Add("ID");
table.Columns.Add("Name");
table.Columns.Add("Email");
table.Rows.Add("101", "Deepak Kumar", "deepak@example.com");
table.Rows.Add("102", "John", "john@example.com");
table.Rows.Add("103", "Subramanium Swami", "subramanium@example.com");
table.Rows.Add("104", "Abdul Khan", "abdul@example.com");
DataGrid1.DataSource = table;
DataGrid1.DataBind();
}
}
}
输出:
它将以下输出输出到浏览器。
文章图片
ASP.NET DataGrid示例与数据库【asp.net datagrid数据表格】本示例使用数据库作为数据源以将数据显示到DataGrid。此示例包括以下步骤。
1)添加网络表单
创建一个新窗体以将DataGrid拖到其上。就像我们在以下屏幕截图中所做的那样。
文章图片
现在添加后,打开工具箱并将DataGrid控件拖到窗体。
文章图片
拖动后,最初看起来如下所示。
文章图片
此表单在后端包含以下源代码。
// DataGridExample.aspx
<
%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="DataGridExample.aspx.cs" Inherits="AdoNetExample.DataGridExample" %>
<
!DOCTYPE html>
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head runat="server">
<
title><
/title>
<
/head>
<
body>
<
form id="form1" runat="server">
<
div>
<
/div>
<
asp:DataGrid ID="DataGrid1" runat="server">
<
/asp:DataGrid>
<
/form>
<
/body>
<
/html>
2)连接到数据库
在CodeBehind文件中,我们具有数据库连接性代码,并将获取的记录绑定到DataGrid。
CodeBehind文件// DataGridExample.aspx.cs
using System;
using System.Data;
using System.Data.SqlClient;
namespace AdoNetExample
{
public partial class DataGridExample : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
using (SqlConnection con = new SqlConnection("data source=.;
database=student;
integrated security=SSPI"))
{
SqlDataAdapter sde = new SqlDataAdapter("Select * from student", con);
DataSet ds = new DataSet();
sde.Fill(ds);
DataGrid1.DataSource = ds;
DataGrid1.DataBind();
}
}
}
}
SQL Server表中的记录一个学生表包含我们要使用DataGrid显示的记录。该表包含以下记录。
文章图片
输出:
执行此应用程序后,它将从SQL Server获取记录并显示到Web浏览器。
文章图片
推荐阅读
- asp.net web表单用户注册
- asp.net datalist数据列表
- asp.net dropdownlist下拉列表
- asp.net session会话
- asp.net cookie使用
- asp.net下载文件
- asp.net上传多个文件
- asp.net web表单文件上传fileupload
- asp.net linkbutton用法