个性化阅读
专注于IT技术分析

asp.net datagrid数据表格

本文概述

.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示例与数据库

本示例使用数据库作为数据源以将数据显示到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浏览器。

赞(0)
未经允许不得转载:srcmini » asp.net datagrid数据表格

评论 抢沙发

评论前必须登录!