datagrid排序 java_easyUI 添加排序到datagrid

亦凉 2022-11-10 00:56 213阅读 0赞

@author YHC

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

![1344568376\_2836.png][1344568376_2836.png]

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

属性为true

创建an 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

将发送2个参数到远程服务器:

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

下载EasyUI示例代码:

[1344568376_2836.png]: https://img-my.csdn.net/uploads/201208/10/1344568376_2836.png

发表评论取消回复

表情：

评论列表（有 0 条评论，213人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyUI DataGrid多行上下移动排序，可直接保存到后台

天遇到这个业务，记录下来，参考至 [https://bbs.csdn.net/topics/390641047][https_bbs.csdn.net_topics_39...

╰半夏微凉°/ 2024年04月18日 07:39/ 0 赞/ 83 阅读

相关 datagrid排序 java_easyUI 添加排序到datagrid

@author YHC 这个示例展示如何排序datagrid通过点击列表头. ![1344568376\_2836.png][1344568376_2836.png] 在

亦凉/ 2022年11月10日 00:56/ 0 赞/ 214 阅读

相关 Datagrid添加右键菜单

最近的一个项目前台使用的EasyUI，每个界面都有DataGrid控件，按照我们的想法，应该做出来的效果是单击选中，双击可编辑，当然右键也应该出现这些菜单按钮

谁践踏了优雅/ 2022年08月04日 00:59/ 0 赞/ 468 阅读

相关 MiniUI的dataGrid排序问题

MiniUI的排序字段使用问题：miniUI的dataGrid的列配置集合中，如果列中的sortField存在，则按照sortField的字段进行排序，如果不存在sortFie

深碍√TFBOYSˉ_/ 2022年06月01日 09:14/ 0 赞/ 439 阅读

相关使用datagrid实现页面间的排序查询

最近使用easy-ui的表格时,发现有很多强大的东西,暂列一个实现排序的demo案例: div中给table一个class或者是id都可以. <div class=

电玩女神/ 2022年05月31日 03:15/ 0 赞/ 133 阅读

相关【easyui】datagrid清除排序、分页等参数

在触发datagrid查询的前一句代码，增加下面的配置参数 //重置列表的查询参数 function resetDatagridOpt(dataGri

浅浅的花香味﹌/ 2022年05月30日 08:41/ 0 赞/ 413 阅读

相关 easyui datagrid 后台分页+排序

一、jsp页面定义table <div><table id="dg"></table></div> 二、js页面加载table $(function ()

男娘i/ 2022年05月24日 06:11/ 0 赞/ 455 阅读

相关 Easyui dataGrid 定义哪些字段排序

先上一张效果图： ![70][] 这个排序很简单加上几个属性就可以搞定，那么又同学会问家那个属性下面介绍：博主用的是sortable 跟 remoteSort

谁借莪１个温暖的怀抱￠/ 2022年05月22日 09:46/ 0 赞/ 204 阅读

相关动态数据添加(DataGrid)

[http://www.cnblogs.com/lovecherry/archive/2005/03/25/125526.aspx][http_www.cnblogs.com_

悠悠/ 2021年10月25日 12:22/ 0 赞/ 371 阅读

相关 easyui datagrid 表头 sort 排序

datagrid的点击列表头刷新，分为两种，一种是页面刷新，不涉及后台服务器数据，不会从新查询[数据库][Link 1]，只会刷新当前页数据；一种是服务器级刷新，会重新加

骑猪看日落/ 2021年08月27日 02:33/ 0 赞/ 522 阅读