datagrid 两种排序方法 个人推荐

最新推荐文章于 2022-07-07 14:50:01 发布
最新推荐文章于 2022-07-07 14:50:01 发布
阅读量374 收藏
点赞数
文章标签： datagrid dataset webform asp.net 数据库 .net

http://www.builder.com.cn/2007/1108/618648.shtml

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实现数据绑定时的界面
四．使用DataView实现DataGrid数据排序：

　　下面就来介绍在上面介绍的项目基础上使用DataView实现项目中的DataGrid的数据排序，以下面是在上述项目基础上实现DataGrid数据排序的步骤：

　　1. 把Visual Stuido .Net当前窗口切换到WebForm的设计界面，并设定DataGrid1组件的"AllowSorting"属性值为"True"。则此时的DataGrid1组件的列头就多了一个超链接。并且在单击此超链接时，返回列头的显示的字符串。DataView就是根据这个返回的字符串来实现DataGrid的数据排序的。图05是设定DataGrid1的"AllowSorting"属性值为"True"后，在WebForm中的模样：


图05：设定"AllowSorting"属性值为"True"后的DataGrid1

　　2. 把Visual Studio .Net的当前窗口切换到WebForm1.aspx.cs的代码编辑窗口。并在WebForm1.aspx.cs的InitializeComponent过程中添加下列代码，下列代码是定义DataGrid1的"SortCommand"事件，此事件是在单击DataGrid1列头的超链接时被触发：

this.DataGrid1.SortCommand += new System.Web.UI.WebControls.DataGridSortCommandEventHandler ( this.DataGrid1_SortCommand ) ;

　　3. 在WebForm1.aspx.cs的class代码区中添加下列代码，下列代码是定义全局变量，请注意下面定义的变量都是Static类型的：

public static bool blId = true ;
//用以标识DataGrid组件是否已"序号"进行升序排列
public static bool blLast = false ;
//用以标识DataGrid组件是否已"姓氏"进行升序排列
public static bool blFirst=false ;
//用以标识DataGrid组件是否已"名字"进行升序排列
public static bool blTitle= false ;
//用以标识DataGrid组件是否已"职位"进行升序排列
public static bool blBirth =false ;
//用以标识DataGrid组件是否已"生日"进行升序排列

　　4. 在WebForm1.aspx.cs中的Page_Load事件处理代码后，添加下列代码，下列代码是定义sort过程，此过程的功能是根据选择不同的列，实现对此列数据的升级序排列：

private void Sort ( string sortString )
{
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 ;
switch ( sortString )
{
case "序号" :
if ( blId )
{
dataView1.Sort = "序号 DESC" ;
blId = false ;
}
else
{
dataView1.Sort = "序号 ASC" ;
blId = true ;
}
break ;
case "姓氏" :
if ( blLast )
{
dataView1.Sort = "姓氏 DESC" ;
blLast = false ;
}
else
{
dataView1.Sort = "姓氏 ASC" ;
blLast = true ;
}
break ;
case "名字" :
if ( blFirst )
{
dataView1.Sort = "名字 DESC" ;
blFirst = false ;
}
else
{
dataView1.Sort = "名字 ASC" ;
blFirst = true ;
}
break ;
case "职务" :
if ( blTitle )
{
dataView1.Sort = "职务 DESC" ;
blTitle = false ;
}
else
{
dataView1.Sort = "职务 ASC" ;
blTitle = true ;
}
break ;
case "生日" :
if ( blBirth )
{
dataView1.Sort = "生日 DESC" ;
blBirth = false ;
}
else
{
dataView1.Sort = "生日 ASC" ;
blBirth = true ;
}
break ;
}
DataGrid1.DataSource = dataView1 ;
DataGrid1.DataBind ( ) ;
//实现数据绑定
}

　　5. 清除WebForm1.aspx.cs中Page_Load事件处理代码区中的所有代码后，并在Page_Load事件处理代码区中添加下列下列代码，下列代码是判断此Web页面是否是第一次加载，如果判断为"True"，则对其中的DataGrid1中的数据按照"序号"列名进行升序排列：

if ( IsPostBack == false )
{
Sort ( "序号" ) ;
}

　　6. 在WebForm1.aspx.cs中的InitializeComponent过程之后，添加下列代码，下列代码是DataGrid1的SortCommand事件的处理代码：

private void DataGrid1_SortCommand ( object source , System.Web.UI.WebControls.DataGridSortCommandEventArgs e )
{
string sColName = e.SortExpression ;
//获得列名
Sort ( sColName ) ;
//以此列名，并根据当前排序情况进行相应排序
}

　　7. 在上述步骤都正确执行后，第一种在ASP.NET实现DataGrid中数据排序的方法就介绍完成了，此时单击快捷键F5就可以运行程序，图06和图07分别程序按照"生日"对DataGrid进行升、级序排列时的运行界面：


图06：以"生日" 对DataGrid中的数据进行升序排列


图07：以"生日" 对DataGrid中的数据进行降序排列
五．使用Sql语句实现DataGrid数据排序：

　　使用Sql语句来实现对DataGrid组件中数据排序，在操作步骤上虽然相对复杂一点，但功能相对强大一点。其主要思路就是根据DataGrid组件的不同列名，形成不同的Sql语句，从而得到不同的DataSet实例，来实现对DataGrid中数据进行相应排序。下面就在上面完成的【在ASP.NET页面中使用DataView实现DataGrid数据排序】项目基础上，加以修改从而完成使用Sql语句来实现DataGrid中数据排序。

　　1. 首先假设您已经成功完成上面项目，能够在ASP.NET使用DataView实现对DataGrid中数据进行排序。

　　2. 把Visual Stuido .Net的当前窗口切换到WebForm1.aspx.cs中，并WebForm1.aspx.cs文件的class代码区添加下列代码，下列代码是创建全局使用的实例：

public DataSet dataSet1 ;
public SqlDataAdapter sqlDataAdapter1 ;

　　3. 用下列代码替换WebForm1.aspx.cs中已经定义的sort过程，下面代码是重新定义sort过程，使其能够使用Sql语句实现对DataGrid中的数据进行排序：

private void Sort ( string sortString )
{
SqlConnection sqlConnection1 = new SqlConnection ( "Server = localhost ; Database = NorthWind ; User ID = sa ; Password = ; " ) ;
switch ( sortString )
{
case "序号" :
if ( blId )
{
sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter ( "SELECT EmployeeID as 序号, LastName as 姓氏 , FirstName as 名字 , Title as 职务 , Birthdate as 生日 From Employees ORDER BY 序号 ASC" , sqlConnection1 ) ;
//以定义的数据库连接来初始化SqlDataAdapter实例
blId = false ;
}
else
{
sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter ( "SELECT EmployeeID as 序号, LastName as 姓氏 , FirstName as 名字 , Title as 职务 , Birthdate as 生日 From Employees ORDER BY 序号 DESC" , sqlConnection1 ) ;
//以定义的数据库连接来初始化SqlDataAdapter实例
blId = true ;
}
break ;
case "姓氏" :
if ( blLast )
{
sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter ( "SELECT EmployeeID as 序号, LastName as 姓氏 , FirstName as 名字 , Title as 职务 , Birthdate as 生日 From Employees ORDER BY 姓氏 ASC" , sqlConnection1 ) ;
//以定义的数据库连接来初始化SqlDataAdapter实例
blLast = false ;
}
else
{
sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter ( "SELECT EmployeeID as 序号, LastName as 姓氏 , FirstName as 名字 , Title as 职务 , Birthdate as 生日 From Employees ORDER BY 姓氏 DESC" , sqlConnection1 ) ;
//以定义的数据库连接来初始化SqlDataAdapter实例
blLast = true ;
}
break ;
case "名字" :
if ( blFirst )
{
sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter ( "SELECT EmployeeID as 序号, LastName as 姓氏 , FirstName as 名字 , Title as 职务 , Birthdate as 生日 From Employees ORDER BY 名字 ASC" , sqlConnection1 ) ;
//以定义的数据库连接来初始化SqlDataAdapter实例
blFirst = false ;
}
else
{
sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter ( "SELECT EmployeeID as 序号, LastName as 姓氏 , FirstName as 名字 , Title as 职务 , Birthdate as 生日 From Employees ORDER BY 名字 DESC" , sqlConnection1 ) ;
//以定义的数据库连接来初始化SqlDataAdapter实例
blFirst = true ;
}
break ;
case "职务" :
if ( blTitle )
{
sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter ( "SELECT EmployeeID as 序号, LastName as 姓氏 , FirstName as 名字 , Title as 职务 , Birthdate as 生日 From Employees ORDER BY 职务 ASC" , sqlConnection1 ) ;
//以定义的数据库连接来初始化SqlDataAdapter实例
blTitle = false ;
}
else
{
sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter ( "SELECT EmployeeID as 序号, LastName as 姓氏 , FirstName as 名字 , Title as 职务 , Birthdate as 生日 From Employees ORDER BY 职务 DESC" , sqlConnection1 ) ;
//以定义的数据库连接来初始化SqlDataAdapter实例
blTitle = true ;
}
break ;
case "生日" :
if ( blBirth )
{
sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter ( "SELECT EmployeeID as 序号, LastName as 姓氏 , FirstName as 名字 , Title as 职务 , Birthdate as 生日 From Employees ORDER BY 生日 ASC" , sqlConnection1 ) ;
//以定义的数据库连接来初始化SqlDataAdapter实例
blBirth = false ;
}
else
{
sqlDataAdapter1 = new System.Data.SqlClient.SqlDataAdapter ( "SELECT EmployeeID as 序号, LastName as 姓氏 , FirstName as 名字 , Title as 职务 , Birthdate as 生日 From Employees ORDER BY 生日 DESC" , sqlConnection1 ) ;
//以定义的数据库连接来初始化SqlDataAdapter实例
blBirth = true ;
}
break ;
}
dataSet1 = new DataSet ( ) ;
sqlDataAdapter1.Fill ( dataSet1 , "employee" ) ;
//以SqlDataAdapter实例来填充本地DataSet数据集
DataGrid1.DataSource = dataSet1 ;
DataGrid1.DataBind ( ) ;
//实现数据绑定
}

　　4. 保存上面的修改步骤，这样就实现了从DataView到Sql语句实现DataGrid数据排序的转换。单击快捷键F5，就可以看到图06和图07所示界面。

　　 六．总结：

　　通过以上内容的介绍，我们不仅了解、掌握了在ASP.NET页面中实现DataGrid中数据排序的二种方法，还应该了解并掌握下面内容：

　　1. 在ASP.NET中的DataGrid组件的数据绑定。　　

　　2. 改变ASP.NET页面中的DataGrid组件中的表头提示内容。

个人读后感：
蓝色部分可以写成一个含有变量的SQL语句，这样就不会这么长了，不过总体来说是一个非常好的文章。
maicar1235
关注
datagrid排序 java_EasyUI Datagrid 前端按数字排序（自定义排序）
weixin_28835551的博客
02-28 355
EasyUI Datagrid 前端排序默认采用字符串排序(String类型)。有时候，我们为了让Datagrid里显示的数字精确到一定位数，会将数据转换为字符串传到前台。例如我们规定价格都精确到两位小数，那么22就转换为字符串“22.00”传到前台，这样虽然保证了精确位数的一致性，但是如果直接利用Datagrid默认的排序功能对这列字符串排序会出现一定问题：这样，解决方法有两种，一种是将后台传到...
dataGrid中文排序
04-25
对FLEX dataGrid 中文排序的代码以及字符集等
DataGrid自动排序
代码笔记
02-05 923
DataGrid是ASP.NET中非常重要的一个控件。它能方便的让我们实现编辑、排序功能；但是排序功能默认的是升序（ASC），能不能让DataGrid同时实现升降序排列呢？这篇文章将给你一个比较好的解决方法。 下面的例子将告诉你如何给DataGrid动态添加sortexpression 和 sortdirection 属性，并通过DataView使DataGird中的数据按照这两个属性排列
datagrid的排序
neptunelove的专栏
05-23 961
在asp.net中利用datagrid控件按列进行排序很是方便。可是我们只能单项排序！如果我们需要正反排序那么就需要加入一些代码控制一下,下面我来详细讲解一下这个过程。  首先我们需要将datagird控件的属性设置为 AllowSorting="True"，且需要排序列需要制定排序表达式 eg: SortExpression="PlanType"。这些可以在datagrid属性生成器中设置就
DataGrid应用（三）——排序
Lullaby's Blog
02-07 2233
DataView 提供了几项用于对 DataTable 中的数据进行排序和筛选的功能： 使用 Sort 属性，可以指定单个或多个列排序顺序并包含 ASC（升序）和 DESC（降序）参数。 可以使用 ApplyDefaultSort 属性自动以升序创建基于表的一个或多个主键列的排序顺序。只有当 Sort 属性为空引用或空字符串时以及表已定义主键时，ApplyDefault
DataGrid排序
weixin_30872867的博客
06-23 81
第一： 把DATAGRID的属性ALLOWSORTING改为TRUE在PAGELOAD和DataGrid1_SortCommand、SortCommand中加pif(DataGrid1.Attributes["SortDirection"]=="DESC")//这里kjkm_dg为datagridID{Da...
jquery easyui dataGrid动态改变排序字段名的方法
10-20
解决此问题有两种主要方法： 1. 后端处理： 在服务器端接收到排序字段名后，根据预设的映射规则，将前端传入的排序字段名转换为数据库实际的字段名。这种方式较为安全，因为数据库的真实字段名不会直接暴露给前端...
wpf DataGrid分组、排序、筛选
02-02
`DataGrid`提供了两种方式实现排序：一是通过设置`DataGridColumn.SortDirection`和`DataGridColumn.HeaderStyle`，二是通过`ICollectionView`接口的`SortDescriptions`属性。例如，我们可以通过点击列头来实现排序...
EasyUI Datagrid 中文排序的问题
07-05
本文将详细介绍如何解决EasyUI Datagrid中的中文排序问题，并分别从前端和后端两个角度给出具体的实现方案。 #### 二、EasyUI Datagrid简介 EasyUI 是一个基于 jQuery 的简单而强大的 UI 库，它提供了大量的用户...
在网页上显示、选择、并排序列表的DataGrid插件
05-12
内容索引:脚本资源,Ajax/JavaScript,DataGrid,表格排序　在网页上显示列表数据的一个DataGrid插件，支持全选反癣表头排序等，可按字符大孝修改时间排列显示的数据，就像Windows资源管理器中的数据类似，这个插件是一...
DataGrid中的排序列怎么设
06-08
DataGrid中的排序列怎么设
对 DataGrid 进行排序
weixin_34050519的博客
02-10 104
首先我们将从一个示范开始，在这个示范中我将使用一个按钮点击事件排序表格中的数据。然后介绍的是一组属性——HyperlinkColumn、BottonColumn 和 BoundColumn，使用这些属性可以为 DataGrid 添加一些有趣的自定义功能。 下面我们首先从上一次结束的地方——清单A开始。下面是清单A中代码的输出。 DataGrid 的输出 要注意的第一个变化是表头中的列名现...
easyui datagrid sort 表头 排序
frt007的专栏
08-21 2544
easyui datagrid sort 表头 排序 转自：http://blog.csdn.net/changjiadashaoye/article/details/41849497       datagrid的点击列表头刷新，分为两种，一种是页面刷新，不涉及后台服务器数据，不会从新查询数据库，只会刷新当前页数据； 一种是服务器级刷新，会重新加载全部数据。 如果不需要自定义排序
Datagrid sort 排序
Xiang
09-15 1320
<!--[CDATA[ import mx.events.DataGridEvent; import mx.collections.*; private var myDPColl:ArrayCollection; [Bindable] //Sort对象处理排序 private var sortA:Sort; // 可进行排序的类别 private
拓展01-datagrid列排序功能
vivid9527的博客
12-13 473
1、效果图 设置了排序的列出现一个上下三角 2、/employee/index.jsp支持 如图所示，将需要设置排序的列添加sortable="true"属性。 3、BaseQuery后台支持     下图可以看到，在我们发出排序请求时，传的参数为sort和order，这和我们在BaseQuery中设置的排序字段不一致，需要进行兼容设置。 //添加兼容属性代码 4、BaseQuery...
EasyUI datagrid 排序
weixin_40293364的博客
07-07 4165
如果需要设置默认排序状态，可以使用datagrid的sortName、sortOrder属性设置默认，如果多个列之间有依赖顺序关系，可以开启multiSort，如果多个列之间没有关系，且独立，不想更改都判断多个属性的状态，建议使用columns属性的sortable、order。...
datagrid本地排序
weixin_30267691的博客
06-21 91
1.datagrid 本地排序 $("#realdataForm"+index).datagrid({ fitColumns:true, autoRowHeight:true, singleSelect : true, sortName:'name', sortOrder:'desc...
DataGrid控件排序方法
netDust_cv的专栏
12-19 1387
1、首先要将DataGrid控件的AllowSorting属性设置为True以便使DataGrid控件可以将标题的文字显示为排序的链接。2、设置DataGrid控件的SortCommand事件动作关联3、通过将点击排序标题后所产生的值SortExpression属性传递到Sql语句的Order子句中以实现排序功能。例： public void Sort_Data(object src,DataGr
ASP.NET DataGrid 数据排序实现详解
这两种方法都允许在ASP.NET的DataGrid中实现数据的动态排序，为用户提供更好的交互体验。然而，它们都需要对.NET Framework和ASP.NET编程有深入的理解，包括如何操作数据源、如何响应用户的排序请求以及如何处理数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值