jsData使用教程（六）对数据进行排序

jsData使⽤教程（六）对数据进⾏排序
使⽤ jsData ，只需要编写少量的代码，便可以实现最为常⽤的功能。

在 jsData 中，对数据进⾏排序，⾮常，⾮常的简单。

效果图如下：
服务端代码：
代码
[WebMethod]
public virtual QueryResult GetOrderDetails(int skip, int take, string sorting, string filter, string selector,
bool retrieveTotalRowCount, int totalRowCount)
{
return base.Query<OrderDetail>(skip, take, sorting, filter, selector, retrieveTotalRowCount, totalRowCount);
}
客户端代码：
代码
Sys.onReady(function() {
var dataSource = new JData.WebServiceDataSource("../Services/NorthwindService.asmx", "GetOrders", "InsertOrder"); dataSource.set_selector("OrderID, Employee.FirstName + \" \" + stName as EmployeeName, OrderDate,RequiredDate, EmployeeID");
dataSource.set_sorting('OrderID desc');
var col1 = new JData.BoundField('OrderID', null, '120px', null, true);
col1.set_sortExpression('OrderID');
var col2 = new JData.BoundField('EmployeeName', null, '120px', null, true);
col2.set_sortExpression('Employee.FirstName');
var col3 = new JData.BoundField('OrderDate', null, '220px', null);
col3.set_sortExpression("OrderDate");
var col4 = new JData.BoundField('RequiredDate', null, '220px');
col4.set_sortExpression("RequiredDate");
var gridView = new JData.GridView($get('gridView'));
gridView.set_dataSource(dataSource);
gridView.set_columns([col1, col2, col3, col4]);
gridView.set_allowPaging(true);
gridView.set_caption('Sorting Data');
gridView.set_pageSize(15);
JData.JQueryUIStyle(gridView);
gridView.initialize();
});
在创建⼀个列后，只需要调⽤ set_sortExpression ⽅法来指定排序的表达式，⼀般来说，该表达式即是对应的属性名称。

例如：col1.set_sortExpression('OrderID');
col3.set_sortExpression("OrderDate");
col4.set_sortExpression("RequiredDate");。