如何在jqGrid中使saveRow函数等待editRow函数

How to make saveRow function wait for editRow function in jqGrid

本文关键字：函数 等待 editRow saveRow 中使 jqGrid      更新时间：2024-01-30

我试图将jqGrid添加函数调整为我自己的目的。我有navButton，我想做一个特定的行为：

  1. 当用户单击该按钮时，编辑模式下的新行将显示在网格
  2. 当用户键入数据并单击输入时，数据将发送到服务器

现在，我的代码是这样的：

 .navButtonAdd("#${pagerId}", {
                caption: "${resolveMessage('assign')}", 
                buttonicon: "ui-icon-add", 
                onClickButton: function() {
                 if (assignMode == false){
                    assignMode = true;
                    $('#${tableId}').jqGrid('addRowData', 0, {});
                    $('#${tableId}').jqGrid('editRow', 0);
                    $('#${tableId}').jqGrid('saveRow', 0, function(){ assignMode = false; }, "${assignURL}"); 
                 }
                },
                position:"last"
            })

我的问题是saveRow函数没有等待editRow的结束。它会在单击按钮后立即向服务器发送空数据。如何使saveRow等待键入的数据？

我建议您使用inlineNav，而不是自己重新实现相同的功能。例如，当前代码对添加的每一行使用相同的行ID 0，这非常糟糕。此外，您在没有任何附加选项的情况下调用editRow，然后在editRow之后立即调用saveRow，这将强制保存可能有错误数据的空行。验证期间保存可能失败。

此外，我建议您考虑使用麻省理工学院或GNU GPLv2许可证下免费提供的免费jqGrid，而不是使用商业Guriddo jqGrid JS（请参阅此处的价格）。自2014年底以来，我开发了免费的jqGrid fork（帖子后不久），并实现了许多修复、改进和新功能，这些功能在我当时发布的每个发布版本的自述、wiki文章和steckoverflow上的答案中都有很短的描述。

相关文章：