EasyUI 排序

启用表格排序:

默认列是不能排序的,启用方法为设置 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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值