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

Question

我的要求是，如果我单击 jqgrid 中具有内联编辑功能的行。在编辑模式下，我不希望存在现有的单元格内容。相反，单元格内容应该为空白，以便用户输入任何内容，然后保存。

我可以使用选定的 ID 访问单元格内容，但如何清除它并将其设置为编辑模式。

Answer 1

我不清楚为什么你需要实施这种奇怪的行为。或许一个例子就能说明一切。不过，这些要求实施起来并不困难。

您可以使用 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");）。如果有其他控制，您必须实施额外的操作。

请参阅此处的演示。

Answer 2

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