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

Question

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

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

Answer 1

我不清楚为什么你需要实施这种奇怪的行为。也许一个例子可以说明一切。然而，这些要求并不难实现。

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

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('');
 }