2015-02-10 85 views
1

请指导我解决一个列的冻结,其余具有单元格编辑功能以及使用jqgrid列重新排序/显示隐藏选项。jqgrid frozenColumns +(单元格编辑和排序/重新排序非冻结列)

谢谢。

+0

http://www.trirand.com/jqgridwiki/doku.php?id=wiki:frozencolumns – Runcorn 2015-02-10 07:20:43

+0

你需要编辑一些冻结的列或只有没有'frozen:true'属性的列? – Oleg 2015-02-10 10:56:45

+0

@Oleg - 我只需要编辑非冻结列,但这些非冻结列需要重新排序或显示/隐藏。 – user3759787 2015-02-11 04:48:53

回答

0

问题是,目前实施的setFrozenColumns有一些限制。对于冷冻柱,但是setFrozenColumns,不允许编辑(在任何编辑模式下)和sortable: true。此外sortable: true应该不允许使用冻结列的标题。另一方面,setFrozenColumns包含一些参数的简单测试(见here),如果设置了一些这样的参数(如cellEditsortable),该方法将不起作用。

我在the post(与the demo)中建议如何实施解决方法。方法是修改the answerthis one的方法。

我觉得你的问题很有趣,所以我创建了the demo,它演示了一个人如何实现你的需求。它显示的结果如下(gif动画):

enter image description here

它主要使用如下代码

// 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) {} 
+0

@ Oleg-非常感谢你。当谈到jqgrid时,我是新手,我发现很多你的帖子非常有用。仍在努力充分利用它。我无法关联您的答案中提到的bDiv,cDiv,hDiv,fbDiv,fhDiv,uDiv等项目。尝试根据jqgrid加载条件启用/禁用行,在jqgrid加载时根据条件再次启用/禁用列,基于条件的行单元格编辑,即使对于冻结列添加具有值的新行,全部在相同的jqgrid。要让你张贴。再次感谢! – user3759787 2015-02-12 11:32:09

+0

@ user3759787:不客气!您是否尝试过使用开发人员工具调试我的演示(在Web浏览器中按F12启动)。如果你在网格创建后的某处设置了断点,你会看到'$ grid [0]'('$(“#list”)[0]')具有'hDiv','bDiv'和' 。 jqGrid创建并填充'grid'属性。我无法一次回答所有问题,但如果需要,您可以提出新问题。如果现在的问题现在已经解决,你应该[“接受”](http://meta.stackexchange.com/a/5235/147495)答案。 – Oleg 2015-02-12 11:53:59

0

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

隐藏或删除cellEdit: true

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

以前的代码:

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

新代码:

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