求:点击Datagrid页眉标头进行排序的Javascript代码,顶者有分
如题
------解决方案--------------------http://dotnet.aspx.cc/Exam/DragableXpStyleTable/DragableXpStyleTable.aspx
------解决方案--------------------
------解决方案--------------------顶者有分
------解决方案--------------------[转载]DataGrid实现排序功能
DataGrid是ASP.NET中非常重要的一个控件。它能方便的让我们实现编辑、排序功能;但是排序功能默认的是升序(ASC),能不能让DataGrid同时实现升降序排列呢?这篇文章将给你一个比较好的解决方法。
下面的例子将告诉你如何给DataGrid动态添加sortexpression 和 sortdirection 属性,并通过DataView使DataGird中的数据按照这两个属性排列。在这个例子中使用的DataGrid的sortexpression属性只需要在sortcommand事件中设置(和通常的排序一样),DataGrid的sortexpression 属性保存了最后一次用来排序的字段名称,DataGrid的sortdirection 属性保存了最后一次用来排序的字段排列方式(“ASC”或者“DESC”)
页面设计:
1. 在页面上添加一个DataGrid;
2. 设置DataGrid的AllowSorting属性为True;
3. 设置AutogenerateColumns 属性为False;
4. 添加要绑定的字段到DataGrid,并按照下表设置其属性。Sortexpression属性和数据库中数据表中的字段名保持一致。
我使用Northwind数据库中的Employees来说明这个例子。
DataField (字段名) Header Text(显示的名称,解释) Sort Expression(字段名,排序用)
记得给datagrid绑定字段时候,设置上面三种属性
EmployeeID
Employee ID
EmployeeID
LastName
Last Name
LastName
FirstName
First Name
FirstName
Title
Title
Title
City
City
City
Country
Country
Country
程序代码设计:
1. 在页面第一次被加载时给DATAGRID添加动态属性sortexpression 和 sortdirection;
2. 给指定的字段的sortexpression 和 sortdirection 赋值,在加载时初始化DataGrid的排序字段和排序方式;
3. 得到dataset 和 dataview 对象。设置dataview 的sort 属性为动态属性sortexpression 和 sortdirection的连接字符串;
4. 用dataview绑定datagrid;
5. 当表头被点击时,触发datagrid的sortcommand事件;
6. 得到sortcommand事件传递过来的sortexpression属性,并与datagrid的sortexpression属性比较;
7. 如果找到相等的
a) 先检查sortdirection属性;
b) If sortdirection属性等于“ASC”then
i. 设置sortdirection属性的值等于“DESC”
c) Else
i. 设置sortdirection属性的值等于“ASC”
d) End If
8. 重复第3步
注意:当你运行下面的代码并点击同一列两次或者两次以上,此列的排列方式会自动根据现有的排列方式的反序排列。
下面的下面的代码将给你演示怎么使用DataGrid的动态属性和DataView对象。
C# Code:
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
if(!Page.IsPostBack)
{
if(DataGrid1.Attributes[ "SortExpression "] == null)
{
DataGrid1.Attributes[ "SortExpression "] = "LastName ";
DataGrid1.Attributes[ "SortDirection "] = "ASC ";
}
BindGrid();
}
}
private void BindGrid()
{
SqlConnection conn = new SqlConnection( "server=localhost;uid=sa;pwd=sa;database=Northwind ");
conn.Open();
SqlDataAdapter cmd = new SqlDataAdapter( "select * from Employees ",conn);
DataSet ds = new DataSet();
cmd.Fill(ds, "Employees ");
DataView dv = new DataView();
dv = ds.Tables[0].DefaultView;
string SortExpression = DataGrid1.Attributes[ "SortExpression "];