1

我必须在 Jqgrid 中显示排序列图标。我自己在这里找到了答案。我试过了，现在我可以看到所有可排序列标题上的排序图标，但默认排序列没有显示突出显示的图标。

这是我的脚本：

var $tempX= $(divId), colModel, sortName;


    jQuery(divId).jqGrid({
        datatype: "local",
        height: 250,
        width:1000,
        colNames:eval(colNamesVal),
        colModel:eval(colModelVal),
        rowNum:35, 
        rowList:[35,60,100,1000000000],
        rownumbers: true,
        rownumWidth:50,
        height:"auto",
        pager: '#pager2',
        ignoreCase: true,
        //altRows:true,
        pagination:true,
        headertitles:true,
        sortable:true,
        sortorder: "asc",
        viewrecords: true,
        onSortCol: function (index, idxcol, sortorder) {
            if (this.p.lastsort >= 0 && this.p.lastsort !== idxcol
                    && this.p.colModel[this.p.lastsort].sortable !== false) {
                // show the icons of last sorted column
                $(this.grid.headers[this.p.lastsort].el)
                    .find(">div.ui-jqgrid-sortable>span.s-ico").show();
                $(this.grid.headers[this.p.lastsort].el).removeClass('sortedColumnHeader');
            }
            $(this.grid.headers[idxcol].el).addClass('sortedColumnHeader');
        },
        loadComplete: function(){
            $("option[value=1000000000]").text('All');
        } 
    });

colModel = $tempX.jqGrid('getGridParam', 'colModel');
    sortName = $tempX.jqGrid('getGridParam', 'sortname');
    $('#gbox_' + $.jgrid.jqID($tempX[0].id) +
        ' tr.ui-jqgrid-labels th.ui-th-column').each(function (i) {
        var cmi = colModel[i], colName = cmi.name;

        if (cmi.sortable !== false) {
            // show the sorting icons
            $(this).find('>div.ui-jqgrid-sortable>span.s-ico').show();
        } else if (!cmi.sortable && colName !== 'rn' && colName !== 'cb' && colName !== 'subgrid') {
            // change the mouse cursor on the columns which are non-sortable
            $(this).find('>div.ui-jqgrid-sortable').css({cursor: 'default'});
        }
        if (cmi.name === sortName) {
            $(this).addClass('sortedColumnHeader');
        }
    });

有人可以帮忙吗？谢谢！

4

1 回答 1

0

您的意思可能是以下我的旧答案。演示或你使用的这个。

您写道，您希望在默认排序列中看到突出显示的图标。要解决问题，您必须sortname在网格中有选项。.sortedColumnHeader > div定义CSS 设置也很重要。如果您像在演示中那样执行此操作，那么一切都会按预期进行。

于 2012-06-16T08:20:37.107 回答