雷林鹏分享：jQueryEasyUI数据网格设置排序

　　jQuery EasyUI 数据网格 - 设置排序

　　本实例演示如何通过点击列表头来排序数据网格(DataGrid)。

　　数据网格(DataGrid)的所有列可以通过点击列表头来排序。您可以定义哪列可以排序。默认的&＃xff0c;列是不能排序的&＃xff0c;除非您设置 sortable 属性为 true。

　　创建数据网格(DataGrid)

　　url&＃61;"datagrid8_getdata.php"

　　title&＃61;"Load Data" iconCls&＃61;"icon-save"

　　rownumbers&＃61;"true" pagination&＃61;"true">

　　我们定义一些可排序的列&＃xff0c;包含 itemid、productid、listprice、unitcost 等等。&＃39;attr1&＃39; 列和 &＃39;status&＃39; 列不能排序。

　　当排序时&＃xff0c;数据网格(DataGrid)将发送两个参数到远程服务器&＃xff1a;

　　sort&＃xff1a;排序列字段名。

　　order&＃xff1a;排序方式&＃xff0c;可以是 &＃39;asc&＃39; 或者 &＃39;desc&＃39;&＃xff0c;默认值是 &＃39;asc&＃39;。

　　服务器端代码

　　$page &＃61; isset($_POST[&＃39;page&＃39;]) ? intval($_POST[&＃39;page&＃39;]) : 1;

　　$rows &＃61; isset($_POST[&＃39;rows&＃39;]) ? intval($_POST[&＃39;rows&＃39;]) : 10;

　　$sort &＃61; isset($_POST[&＃39;sort&＃39;]) ? strval($_POST[&＃39;sort&＃39;]) : &＃39;itemid&＃39;;

　　$order &＃61; isset($_POST[&＃39;order&＃39;]) ? strval($_POST[&＃39;order&＃39;]) : &＃39;asc&＃39;;

　　$offset &＃61; ($page-1)*$rows;

　　$result &＃61; array();

　　include &＃39;conn.php&＃39;;

　　$rs &＃61; mysql_query("select count(*) from item");

　　$row &＃61; mysql_fetch_row($rs);

　　$result["total"] &＃61; $row[0];

　　$rs &＃61; mysql_query("select * from item order by $sort $order limit $offset,$rows");

　　$items &＃61; array();

　　while($row &＃61; mysql_fetch_object($rs)){

　　array_push($items, $row);

　　}

　　$result["rows"] &＃61; $items;

　　echo json_encode($result);

　　下载 jQuery EasyUI 实例

　　jeasyui-datagrid-datagrid8.zip

　　本文转载自&＃xff1a;w3cschool(编辑&＃xff1a;雷林鹏 来源&＃xff1a;网络 侵删)