jqgrid frozenColumns +（非冻结列的单元格编辑和可排序/重新排序）

Question

请指导我解决如何冻结一组列，其余列具有单元格编辑功能以及使用 jqgrid 的列重新排序/显示隐藏选项。

谢谢。

Answer 1

请试试这个，简单的解决方案，

隐藏或删除cellEdit: true

然后在 setFrozenColumns 的上方和下方添加以下行

之前的代码：

 $("#jqGrid2").jqGrid('setFrozenColumns');

新代码：

$("#jqGrid2").jqGrid("setGridParam", {cellEdit: false, sortable: false});
$("#jqGrid2").jqGrid('setFrozenColumns');
$("#jqGrid2").jqGrid("setGridParam", {cellEdit: true, sortable: true});

Answer 2

问题是setFrozenColumns的当前实现有一些限制。 冻结列不允许编辑（在任何编辑模式下）和sortable: true，但setFrozenColumns。此外sortable: true 应该不允许使用冻结列的标题。另一方面，setFrozenColumns 包含对一些参数的简单测试（参见here），如果设置了一些此类参数（如cellEdit 或sortable），该方法将不执行任何操作。

我在the post（和the demo）中建议了如何实施解决方法。方法是修改the answer和this one的方法。

我发现您的问题很有趣，因此我创建了the demo，它演示了如何实现您的要求。它显示以下结果（动画 gif）：

它主要使用以下代码

// create the grid
$grid.jqGrid({
    ...
});

$grid.bind("jqGridLoadComplete jqGridInlineEditRow jqGridAfterEditCell jqGridAfterRestoreCell jqGridInlineAfterRestoreRow jqGridAfterSaveCell jqGridInlineAfterSaveRow", function () {
    fixPositionsOfFrozenDivs.call(this);
});

$grid.jqGrid("setGridParam", {cellEdit: false, sortable: false});
$grid.jqGrid("setFrozenColumns");
$grid.jqGrid("setGridParam", {cellEdit: true, sortable: true});
fixPositionsOfFrozenDivs.call($grid[0]);

try {
    var p = $grid.jqGrid("getGridParam"), tid = $.jgrid.jqID(p.id), colModel = p.colModel, i, n = colModel.length, cm,
        skipIds = [];

    for (i = 0; i < n; i++) {
        cm = colModel[i];
        if ($.inArray(cm.name, ["cb", "rn", "subgrid"]) >=0 || cm.frozen) {
            skipIds.push("#jqgh_" + tid + "_" + $.jgrid.jqID(cm.name));
        }
    }

    $grid.jqGrid("setGridParam", {sortable: {options: {
        items: skipIds.length > 0 ? ">th:not(:has(" + skipIds.join(",") + "),:hidden)" : ">th:not(:hidden)"
    }}});

    $grid.jqGrid("sortableColumns", $($grid[0].grid.hDiv).find(".ui-jqgrid-labels"));
} catch (e) {}