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注入风险,姑且先这么写,有好办法再改


原创粉丝点击