生成 jqgrid 后如何实现对特定列的自定义排序？

Question

在使用 javascript (jQuery) 填充 colModel 中的特定列后，我可以使用一种方法覆盖/插入自定义函数“sorttype”吗？

我在这里找到了一个示例：http://www.ok-soft-gmbh.com/jqGrid/CustomSorttype1.htm，其中 sorttype 是使用初始设置实现的，但之后我需要更改它。

试过了：

var attName = grid.getGridParam("colModel")[1].name;
        grid.setColProp(attName, { sorttype: function (cell) {
            if (cell == '<div>x</div>') { return '0' } else { return '1' };
        }
        });

但不起作用。

Answer 1

sorttype 作为函数的用法可用于 jqGrid 的任何本地数据类型，或者在使用带有“远程”数据类型“json”或“xml”的 loadonce:truejqGrid 参数的情况下。如果需要，您可以动态更改任何列的sorttype。

我为您创建了the new demo 来演示该功能。开始时，网格将按“客户端”列排序，包含的列将被解释为文本字符串。结果如下所示

我们勾选“设置自定义排序功能”复选框，网格将按照下一张图片显示的方式进行排序

为了实现这种排序，我定义了函数

var myCustomSort = function(cell,rowObject) {
    if (typeof cell === "string" && /^test(\d)+$/i.test(cell)) {
        return parseInt(cell.substring(4),10);
    } else {
        return cell;
    }
}

以及复选框上的“更改”事件处理程序

$("#customsorttype").change(function() {
    var isChecked = $(this).is(':checked');
    if (isChecked) {
        cm.sorttype = myCustomSort;
    } else {
        cm.sorttype = "text";
    }
    grid.trigger("reloadGrid");
});

其中grid 是$("#list")。

如果再次单击复选框，将使用原始排序方法sorttype:"text"。