在jqgrid内联编辑中清除一行中的所有现有内容并打开新的输入数据字段



我的要求是,如果我在jqgrid中单击具有内联编辑功能的一行。在编辑模式下,我不希望现有的单元格内容存在。相反,单元格的内容应该是空白的,这样用户就可以输入任何被保存的内容。

我能够使用选定的Id访问单元格内容,但是我如何清除它并在编辑模式下设置它。

我不清楚你为什么需要实现这样奇怪的行为。也许一个例子就能澄清一切。然而,这些要求并不难实现。

您可以使用editRow的oneditfunc参数在编辑开始时执行一些操作。因为不仅可以使用文本输入字段,还必须为不同的控件执行不同的操作。例如,在文本输入和复选框的情况下,代码可以如下

grid.jqGrid('editRow', rowid, true, function () {
    var $tr = $(e.target).closest('tr')[0],
        $selectedCell = $("input, select", e.target);
    $("input:text", $tr).val('');
    $("input:checkbox", $tr).prop("checked", false);
}

(其中var grid = $("#list");)。在其他控件的情况下,你必须实现额外的操作。

 beforeShowForm: function(form) {
   $("#Row id 1", form).val('');
   $("#Row id 2", form).val('');
 }

最新更新