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

How to disable inline and form editing for posted rows in jqgrid

本文关键字:表单 编辑 布行 jqgrid 何禁用      更新时间:2024-05-20

我正在寻找一种方法来禁用编辑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的值,如果它为true,则应该从函数中返回false,否则使用类似的东西进行正常编辑

jQuery("#grid_id").editRow(id,properties);