如何禁用jqgrid中发布的行的内联和表单编辑

问题描述：

我正在寻找一种方法来禁用编辑jqGrid行，其中isPosted列的值为true。如何禁用jqgrid中发布的行的内联和表单编辑

使用格式化或双击行的格式和内联编辑。需要禁用各种编辑。我在jqGrid loadcomplete中尝试了下面的代码。

这不会禁用表单编辑。同时双击已发布的行显示保存和取消按钮（所有列都处于只读模式）。

如何禁用发布行的所有类型的行编辑？ jqGrid从远程jqson数据填充。

loadCompete: function() { 
    var 
     postedCol = getColumnIndexByName($grid, 'isPosted'), 
     cRows = $grid[0].rows.length, 
     iRow, 
     row, 
     className, 
     isPosted, 
     cm = $grid.jqGrid('getGridParam', 'colModel'), 
     l, 
     iActionsCol = getColumnIndexByName($grid, '_actions'); 

    l = cm.length; 
    for (iRow = 0; iRow < cRows; iRow = iRow + 1) { 
      row = $grid[0].rows[iRow]; 
      className = row.className; 
      isPosted = false; 
      if ($.inArray('jqgrow', className.split(' ')) > 0) { 
       isPosted = $(row.cells[postedCol]).find(">div>input:checked").length > 0; 
       if (isPosted) { 
        if ($.inArray('jqgrid-postedrow', className.split(' ')) === -1) { 
         // todo: how to disable row editing and inline edit actions buttons. 
         // why those two lines do not disable 
         row.className = className + ' jqgrid-postedrow not-editable-row'; 
         $(row.cells[iActionsCol]).attr('editable', '0'); 
         $(row.cells[iActionsCol]).find(">div>div.ui-inline-del").hide(); 
         $(row.cells[iActionsCol]).find(">div>div.ui-inline-edit").hide(); 
        } 
       } 
      } 
     } 


css file: 

.jqgrid-postedrow 
{ 
    background-color: #FFFFD0; 
    background-image: none; 
}

答

@Andrus，那么你可以在gridComplete或LoadComplete查看关于isPosted的价值，如果这是真的只是隐藏使用jQuery的编辑按钮，你可以得到使用的开发工具右这些按钮的id？

我有一个类似的要求，在一些行中，我不得不显示编辑按钮，在一些行中，我不得不根据jqgrid中的数据来隐藏它们。

所以我得到了那些使用开发人员工具的按钮的id和loadComlete我检查了所有行的值并隐藏了按钮。我认为这也可以为你解决。并讨论onSelectRow或onDblClickRow检查isPosted的值，如果它是真的，你应该从你的函数返回false，否则用类似这样的东西去正常编辑

jQuery（“＃grid_id”）。editRow（id，properties） ;

如何禁用jqgrid中发布的行的内联和表单编辑

相关推荐