jQuery MiniUI

标题: 关于禁止默认排序之后的图标问题 [打印本页]

作者: lixiaoyang 时间: 2020-10-16 10:18:38 标题: 关于禁止默认排序之后的图标问题

在表格排序的时候，禁止默认的排序方法，但是希望排序的图标可以上下变动
具体场景如下：
表格和分页是分开写的，用了各自的组件，
表格数据请求方式单独用的ajax，并未使用表格setUrl的方式
表格请求参数是json数据，所以再排序的时候，禁用了默认的排序方法，使用了点击表头获取当前colmun的field的方式把参数加入到json里面。
现在的情况是禁用了默认的排序方式之后，表头上面的排序图标不会变动，不会指示升序降序，会同时出现上下箭头

作者: felt 时间: 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);

      })

作者: lixiaoyang 时间: 2020-10-16 15:51:17

felt 发表于 2020-10-16 14:49
建议用客户端排序
sortMode="client"
我们是自动处理好了的

好的，十分感谢

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)