首页 > 编程语言 > 详细

雷林鹏分享jQuery EasyUI 数据网格 - 设置排序

时间:2019-08-30 17:02:26      阅读:78      评论:0      收藏:0      [点我收藏+]

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

技术分享图片

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

  创建数据网格(DataGrid)

  

  url="datagrid8_getdata.php"

 

  title="Load Data" iconCls="icon-save"

  rownumbers="true" pagination="true">

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

 

  

Item IDProduct IDList PriceUnit CostAttributeStauts

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

  当排序时,数据网格(DataGrid)将发送两个参数到远程服务器:

  sort:排序列字段名。

  order:排序方式,可以是 ‘asc‘ 或者 ‘desc‘,默认值是 ‘asc‘。

  服务器端代码

  $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);

  下载 jQuery EasyUI 实例

  jeasyui-datagrid-datagrid8.zip(编辑:雷林鹏 来源:网络 侵删)

雷林鹏分享jQuery EasyUI 数据网格 - 设置排序

原文:https://www.cnblogs.com/linpeng1/p/11435405.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!