asp.net datagrid数据表格

本文概述

  • 带有DataTable的ASP.NET DataGrid示例
  • 代码背后
  • ASP.NET DataGrid示例与数据库
  • CodeBehind文件
  • SQL Server表中的记录
.NET Framework提供了DataGrid控件以在网页上显示数据。它是在.NET 1.0中引入的,现已不推荐使用。 DataGrid用于在可滚动网格中显示数据。它需要数据源来填充网格中的数据。
它是服务器端控件,可以从工具箱拖动到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示例与数据库【asp.net datagrid数据表格】本示例使用数据库作为数据源以将数据显示到DataGrid。此示例包括以下步骤。
1)添加网络表单
创建一个新窗体以将DataGrid拖到其上。就像我们在以下屏幕截图中所做的那样。
asp.net datagrid数据表格

文章图片
现在添加后,打开工具箱并将DataGrid控件拖到窗体。
asp.net datagrid数据表格

文章图片
拖动后,最初看起来如下所示。
asp.net 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显示的记录。该表包含以下记录。
asp.net datagrid数据表格

文章图片
输出:
执行此应用程序后,它将从SQL Server获取记录并显示到Web浏览器。
asp.net datagrid数据表格

文章图片

    推荐阅读