jquery - jqGrid 只允许 1 个排序方向

Question

jqGrid 列标题上的排序图标显示向上和向下箭头。有没有办法强制图标仅显示 1 个方向，例如仅允许升序排列？

谢谢。

Answer 1

在 the answer我展示了如何更改排序图标的可见性。我为您修改了之前的解决方案，只显示事件的排序图标。

The demo演示结果并显示如下标题:

或者这个:

下面的代码显示了代码中最重要的部分:

var $grid = $("#list");

$grid.jqGrid({
    //... other jqGrid options
    sortname: 'invdate',
    sortorder: 'desc',
    onSortCol: function (index, idxcol, sortorder) {
        var $icons = $(this.grid.headers[idxcol].el).find(">div.ui-jqgrid-sortable>span.s-ico");
        if (this.p.sortorder === 'asc') {
            //$icons.find('>span.ui-icon-asc').show();
            $icons.find('>span.ui-icon-asc')[0].style.display = "";
            $icons.find('>span.ui-icon-desc').hide();
        } else {
            //$icons.find('>span.ui-icon-desc').show();
            $icons.find('>span.ui-icon-desc')[0].style.display = "";
            $icons.find('>span.ui-icon-asc').hide();
        }
    }
});
// hide initially the disaabled sorting icon
$('#jqgh_' + $.jgrid.jqID($grid[0].id) + '_' + $.jgrid.jqID(sortName) + '>span.s-ico').each(function () {
    $(this).find('>span.ui-icon-' +
        (sortDirection ? 'asc' : 'desc')).hide();
});

我尝试使用$icons.find('>span.ui-icon-asc').show();在 onSortCol开始时，但在 Google Chrome 中出现问题，因为 show() 设置 display: block风格上<span>元素。所以我只是删除了 display: none风格。