EasyUI 排序
来源:互联网 发布:淘宝匿名买家id提取 编辑:程序博客网 时间:2024/06/06 19:13
启用表格排序:
默认列是不能排序的,启用方法为设置sortable 属性为 true
<th data-options="field:'createtime',width:76,align:'center',sortable:true">可以给多个列启用排序,启用后的效果:
分为没有排序,正序,倒序(如下图)
排序方法和后台交互:
看了好多教程,有的要在页面写js,用ajax 传值和回写,因为我的table用了url属性 直接请求json数据,如果用以上方法这样会出现刷新两次的问题,导致排序失败
最终在官方文档发现,在点击排序的时候,他是会自动携带参数,我们只需要后台接收下就行了
粘一下我的table
每次刷新页面,都会根据这个url,返回json数据,根据下面的field 字段,来展现这个数据表格
下面是这个url的请求链接
当点击 “建仓日期” 这个字段的排序恩钮后,链接变成了这样子
在链接后面多了sort(排序字段) 和order (排序顺序), 这一GET请求,所以,最简单的方法是在后台接收下这个请求,直接进行排序就行
多列排序问题
如果在官网copy 列子 那样的话 可能table 里面带multiSort:true 这个属性,简言之这个属性就是允许多列排序,按照你点击顺序,在你上面的排序基础上继续排序后面的字段
如果你只想单列排序,那么设置sortable: "true" ,去掉multiSort:true配置就行了
mybatis 接收排序设置
mybatis 在排序中不能用 # 占位符,需要用 $
但是这样会有SQL注入风险,姑且先这么写,有好办法再改
阅读全文
0 0
- 【Easyui】Easyui Datagrid 排序
- easyui排序
- easyUi排序
- EasyUI 排序
- easyUI 自定义排序datagrid
- EasyUI自定义排序
- easyui 分页,排序自定义
- easyui datagrid排序
- EasyUI datagrid列排序
- easyui 客户端排序
- Easyui Datagrid 排序
- struts2+easyui分页排序
- easyui js自定义排序
- jquery easyui 排序
- easyUI 添加排序到datagrid
- EasyUI Datagrid 分页和排序
- easyui表格datagrid自动排序
- easyui 中 datagrid 排序问题
- 【C++】Qt Creater网络编程,出现error: undefined reference to `_imp__WSAStartup@8
- ASP.NET动态生成静态页面的实例代码
- 数据库SQL优化大总结
- java中string与date(日期)格式之间的转换
- MyBatis简单入门使用
- EasyUI 排序
- 業務システムの開発ドキュメント標準化 第2回:機能一覧表とI/O関連図
- 2017年Android百大框架排行榜
- 2017.7.4
- Android studio Mob第三方登录快速集成开发
- TortoiseGit安装遇到的那些坑
- 集合接口
- java synchronized详解
- Linux回环网卡驱动设计