ASP.NET中实现DataGrid数据排序(2)
发表于:2007-06-30来源:作者:点击数:
标签:
三.ASP .net 中DataGrid组件数据绑定实现步骤: 在ASP.NET中实现DataGrid组件的数据绑定方法和在WinForm中数据绑定的方法基本相似。下面是在ASP.NET实现DataGrid组件数据绑定的实现步骤: 1. 启动Visual Studio .Net。 2. 选择菜单【文件】|【新建】|【项目
三.ASP
.net中DataGrid组件数据绑定实现步骤:
在ASP.NET中实现DataGrid组件的数据绑定方法和在WinForm中数据绑定的方法基本相似。下面是在ASP.NET实现DataGrid组件数据绑定的实现步骤:
1. 启动Visual Studio .Net。
2. 选择菜单【文件】|【新建】|【项目】后,弹出【新建项目】对话框。
3. 将【项目类型】设置为【Visual C#项目】。
4. 将【模板】设置为【ASP.NET Web 应用程序】。
5. 在【位置】的文本框中输入"http://localhost/dataGridSort"。然后单击【确定】按钮,这样在Visual Studio .Net就会在当前项目文件所在目录中建立一个名称为"dataGridSort"文件夹,里面存放是此项目的项目文件,项目中的其他文件存放的位置是IIS默认的Web站点所在的目录。具体如图02所示:
图02:新建一个ASP.NET项目对话框
6. 把Visual Studio .Net当前窗口切换到WebForm的设计窗口,并从【工具箱】|【Web组件】选项卡中拖入一个DataGrid组件到WebForm的设计窗口,名称为DataGrid1。
7. 选中DataGrid1,单击鼠标右键,在弹出的菜单中【自动套用格式】。并在弹出的【自动套用格式】对话框中的【选择方案】栏中选择【专业型 1】。
8. 设定DataGrid1的字体大小为"X-Small"。此时的DataGrid1为图03所示:
图03:设计后的DataGrid组件样式
9. 把Visual Studio .Net的当前窗口切换到WebForm的代码编辑窗口,即:WebForm1.aspx.cs文件的编辑窗口。
10. 在WebForm1.aspx.cs文件首部,用下列代码替换WebForm1.aspx.cs中导入命名空间的代码:
using System ;
using System.Collections ;
using System.ComponentModel ;
using System.Data ;
using System.Drawing ;
using System.Web ;
using System.Web.SessionState ;
using System.Web.UI ;
using System.Web.UI.WebControls ;
using System.Web.UI.HtmlControls ;
using System.Data.SqlClient ;
11. 在WebForm1.aspx.cs文件的Page_Load事件代码区添加下列代码,下列代码是实现DataGrid组件的数据绑定:
SqlConnection
sqlConnection1 = new SqlConnection ( "Server = localhost ; Database = NorthWind ; User ID = sa ; Password = ; " ) ;
//定义
数据库连接
DataSet dataSet1 ;
//创建数据集对象
SqlDataAdapter sqlDataAdapter1 ;
sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter ( "SELECT EmployeeID as 序号 , LastName as 姓氏 , FirstName as 名字 , Title as 职务 , Birthdate as 生日 From Employees" , sqlConnection1 ) ;
//以定义的数据库连接来初始化SqlDataAdapter实例
dataSet1 = new DataSet ( ) ;
sqlDataAdapter1.Fill ( dataSet1 , "employee" ) ;
//以SqlDataAdapter实例来填充本地DataSet数据集
DataView dataView1 = dataSet1.Tables [ "employee" ].DefaultView ;
DataGrid1.DataSource = dataView1 ;
DataGrid1.DataBind ( ) ;
//实现数据绑定
12. 在上述步骤都正确执行后,实现DataGrid数据绑定的全部工作就完成了,如果你使用的是其他类型数据库,只需对对第十一步骤介绍的代码中的定义数据连接加以相应的修改就可以了。请各位读者注意上述代码中设定DataGrid的中文标头的实现方法。此时单击快捷键F5,就可以得到如下界面:
图04:在ASP.NET页面中DataGrid实现数据绑定时的界面
原文转自:http://www.ltesting.net