jQuery MiniUI

 找回密码
 立即注册
查看: 2823|回复: 2
打印 上一主题 下一主题

关于禁止默认排序之后的图标问题 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2020-10-16 10:18:38 |只看该作者 |倒序浏览
在表格排序的时候,禁止默认的排序方法,但是希望排序的图标可以上下变动
具体场景如下:
表格和分页是分开写的,用了各自的组件,
表格数据请求方式单独用的ajax,并未使用表格setUrl的方式
表格请求参数是json数据,所以再排序的时候,禁用了默认的排序方法,使用了点击表头获取当前colmun的field的方式把参数加入到json里面。
现在的情况是禁用了默认的排序方式之后,表头上面的排序图标不会变动,不会指示升序降序,会同时出现上下箭头

Rank: 8Rank: 8

沙发
发表于 2020-10-16 14:49:44 |只看该作者
本帖最后由 felt 于 2020-10-16 14:54 编辑

建议用客户端排序
sortMode="client"
我们是自动处理好了的

或者非要服务端排序的话这样处理
设置sortMode="client";

   grid.on("headercellclick", function (e) {
            var column = e.column;
            var sortField = grid.getSortField();
            var sortOrder = grid.getSortOrder();
            if (column.allowSort) {
                if (column.field == sortField) {
                    if (sortOrder == "desc") {
                        sortOrder = "desc";
                    } else {
                        sortOrder = "asc";
                    }
                } else {
                    sortField == column.field;
                    sortOrder = "asc";
                }
            }
            //自己去加载数据
            grid.setData(data);
            grid.setSortOrder(sortOrder);
            grid.setSortField(sortField);

        })

Rank: 1

板凳
发表于 2020-10-16 15:51:17 |只看该作者
felt 发表于 2020-10-16 14:49
建议用客户端排序
sortMode="client"
我们是自动处理好了的

好的,十分感谢

Archiver|普加软件

GMT+8, 2024-10-25 19:29 , Processed in 1.052527 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部