jQuery EasyUI学习教程之datagrid点击列表头排序

这个示例展示如何排序datagrid通过点击列表头.

在datagrid的所有columns 可以通过点击列表头排序,你可以定义哪行可以排序,认的列是不能排序的除非你设置sortable 属性为true

创建an DataGrid

rush:js;"> PHP" title="Load Data" iconCls="icon-save" rownumbers="true" pagination="true">

我们定义一些可排序的列包含itemid,productid,listprice,unitcost等等'attr1' 列和 'status'列不能排序.

当排序DataGrid 将发送2个参数到远程服务器:

sort: 排序列字段名.

order: 排序方式,可以是 'asc' 或者 'desc',认值是 'asc'.

服务器端代码

rush:js;"> $page = isset($_POST['page']) ? intval($_POST['page']) : 1; $rows = isset($_POST['rows']) ? intval($_POST['rows']) : 10; $sort = isset($_POST['sort']) ? strval($_POST['sort']) : 'itemid'; $order = isset($_POST['order']) ? strval($_POST['order']) : 'asc'; $offset = ($page-1)*$rows; $result = array(); include 'conn.PHP'; $rs = MysqL_query("select count(*) from item"); $row = MysqL_fetch_row($rs); $result["total"] = $row[0]; $rs = MysqL_query("select * from item order by $sort $order limit $offset,$rows"); $items = array(); while($row = MysqL_fetch_object($rs)){ array_push($items,$row); } $result["rows"] = $items; echo json_encode($result);

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...