jquery - jqGrid 在创建后根据某些外部数据禁用列排序

Question

我正在寻找能够禁用列排序的解决方案创建后的 jqGrid 表，这可能吗？如何做到这一点？

问题的深度:首先，我定义了一个 jqGrid，然后提供一些过滤器字段，然后返回与所选过滤器相关的数据，代码将如下所示

jQuery("#gridtable").jqGrid('setGridParam',{url:"/getUsers/?site="+site+",page:1}).trigger("reloadGrid");
$('#results').show();

因此，如果网站已被选中或不允许对 id 列进行排序，或者禁用对“id”列进行排序，则需要考虑一些问题。

Answer 1

jqGrid 绑定(bind) click每个可排序列标题上的事件处理程序到对数据进行排序的函数。要禁用列上的列排序，您可以取消绑定(bind) click事件。例如，如果您有名称为“colName”的列和 id="list"的网格，则 id 为 <th>元素(列标题)将为​​“list_colName”。因此，要禁用排序，您可以执行以下操作:

var $grid = $("#list"), columnName = 'colName',
    $th = $("#" + $.jgrid.jqID($grid[0].id) + "_" + columnName);

$th.unbind("click");
$th.children("div.ui-jqgrid-sortable").css("cursor", "default");

最后一行在列标题上额外设置了默认光标，以更清楚地显示该列不可排序。