easyUI 添加排序到datagrid
@author YHC
这个示例展示如何排序datagrid通过点击列表头.
查看 Demo
在datagrid的所有columns 可以通过点击列表头排序,你可以定义哪行可以排序,默认的列是不能排序的除非你设置sortable 属性为true
创建an DataGrid
<table id="tt" class="easyui-datagrid" style="width:600px;height:250px" url="datagrid8_getdata.php" title="Load Data" iconCls="icon-save" rownumbers="true" pagination="true"> <thead> <tr> <th field="itemid" width="80" sortable="true">Item ID</th> <th field="productid" width="80" sortable="true">Product ID</th> <th field="listprice" width="80" align="right" sortable="true">List Price</th> <th field="unitcost" width="80" align="right" sortable="true">Unit Cost</th> <th field="attr1" width="150">Attribute</th> <th field="status" width="60" align="center">Stauts</th> </tr> </thead>
</table>
我们定义一些可排序的列包含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示例代码:
easyUI 添加排序到datagrid相关推荐
- EasyUI之简单实现Datagrid分页(C#)
EasyUI之简单实现Datagrid分页(C#) 刚刚开始学着用EasyUI,有兴趣的TX可以去http://www.jeasyui.com/看一下,当然很多人都知道,不是什么新鲜的东西: 这两天在 ...
- 如何静态添加toolbar到datagrid
这个示例向你展示如何添加toolbar到datagrid. 创建 DataGrid <table id="tt" class="easyui-datagrid& ...
- [数据库] MySQL基础知识之日期判断及添加排序序号
这篇文章主要记录MySQL中遇到的几个基础问题,希望文章对你有所帮助!包括: 1.日期类型的判断 2.decode函数的替代方法 3.查询语句中添加一个 ...
- 为easyui添加多条件验证
easyui的验证框架,validatebox不能有效的支持多个条件的验证,比如中文用户名,既要验证其是中文,又要验证其长度不超过6位时便显得很繁琐,需要反复的为easyui添加验证规则. 在此实现一 ...
- 为bib文件中文参考文献的key域添加排序用拼音
为bib文件中文参考文献的key域添加排序用拼音 这也是我在latexstudio写的文章. 请直接看: [为bib文件中文参考文献的key域添加排序用拼音]
- echarts 柱状图添加排序图标/序号
echarts 柱状图添加排序图标/序号 一.实现效果 二.核心代码(图片序号) 三.核心代码(文字序号) 四.源码(这里用了vue) 一.实现效果 使用echarts的柱状图实现下面效果,须在名称前 ...
- es 默认排序字段_ElasticSearch 学习记录之ES查询添加排序字段和使用missing或existing字段查询...
ElasticSearch 系列文章 ES添加排序 在默认的情况下,ES 是根据文档的得分score来进行文档额排序的.但是自己可以根据自己的针对一些字段进行排序.就像下面的查询脚本一样.下面的这个查 ...
- easyUI 添加CheckBox选择到DataGrid
@author YHC 这个教程向你展示如何放置一个checkbox 列到datagrid,这个复选框用户将可以选择 选中/取消选中 datagrid行数据. 查看 Demo 添加一个checkbox ...
- EASYUI表格添加排序功能
最近项目上的一个需求,能够点击表头对列进行排序,页面上用的插件是easyui,所以就去官网上找了文档.完成功能后记录一下一些坑. 首先表格属性中有一个remoteSort,这个字段代表着由服务器端对数 ...
最新文章
- 部门工作中的“求同存异”法则
- DDoS攻击走向应用层
- 拓扑排序(Topology_Sort)
- 云联会企业认证_今日新鲜事:沉浸式交互购车新体验 2020首届中国春季云车展启幕...
- 我国对计算机信息系统安全主要是采取,附录信息网络安全监察法规概述二.doc...
- qtp服务器怎么获得日志信息,QTP自动化测试-打开运行报告
- linux 查看命令帮助,Linux中查看帮助相关的命令整理
- 【MySQL笔记】MySql5安装图解教程
- 智慧水务数字化云平台建设方案
- 美通企业日报 | 山姆开启新一轮价格下调;环旭电子拟4.5亿美金收购欧洲第二大EMS公司...
- 脱壳入门(一)之分析Aspack壳
- .doc文件不显示word图标的解决方法
- 锐龙R3-3300X和i5-9400f哪个好?
- 尝美食、看演出、听音乐…南亚风情第壹城非遗文化节继续等你玩
- 帮助中国IT企业吃掉更多不会跳舞的大象
- 从零教你用抖音赚钱——吸粉变现技巧
- 电脑计算机无法运行怎么办,如果计算机在打开电源后仍无法运行,则该怎么办?计算机无法进入系统的原因[图形]...
- (转)用AGG实现高质量图形输出(一)
- myeclipse10过期
- 赴美工作常识-签证 英语 求职