javascript - jQuery jqGrid 编辑行完成时显示消息

Question

我在这里学习本教程 http://www.trirand.com/blog/jqgrid/jqgrid.html在LiveDataManipulation->EditRow

我的网格从脚本 a.php 接收数据。之后用户可以通过jqGrid修改这个数据。修改数据后的 jqGrid 将数据发送到脚本 B.php 更新我的数据库并返回一条响应消息，如“一切顺利”。
我希望此响应在页面某处提醒或显示给用户。
阅读教程和此处 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:form_editing我认为我必须使用 afterSubmit 选项，但我不明白如何在编辑面板上打印结果。

我写过:

$("#editImpresa").click(function(){
var gr = jQuery("#tabImprese").jqGrid('getGridParam','selrow');
if( gr != null ) jQuery("#tabImprese").jqGrid('editGridRow',gr,{
    height:690,
    width:500,
    closeAfterEdit : true,
    reloadAfterSubmit:false,
    afterSubmit: function(response,postdata){ 
       if(response.responseText=="ok")
            success=true;
        else success = false;

        return [success,response.responseText] 
    }
});

我该怎么做？谢谢。

Answer 1

首先，选项 closeAfterEdit:true 在服务器响应成功后关闭编辑表单。您应该将设置更改为默认值 closeAfterEdit:false 才能显示任何内容。

接下来我会推荐你​​使用navigator工具栏而不是在网格之外创建按钮。在这种情况下你可以使用

var grid = jQuery("#tabImprese");
grid.jqGrid('navGrid','#pager', {add:false,del:false,search:false}, prmEdit);

一个更好的选择是使用ondblClickRow 事件处理器

ondblClickRow: function(rowid) {
    $(this).jqGrid('editGridRow',rowid,prmEdit);
}

(参见 here)或同时使用两种方式。

无论如何你必须定义 editGridRow 的选项方法(prmEdit)。重要的是要知道 afterSubmit仅当服务器响应不包含 error HTTP status code 时才会调用.所以你应该使用 errorTextFormat解码错误服务器响应。 afterSubmit可用于显示状态消息的事件处理程序。

在演示中我只使用了 errorTextFormat 来演示状态和错误消息的显示:

状态消息在 3 秒后消失:

你会找到相应的演示here .

在实际示例中，您当然会将代码编写状态消息放在 afterSubmit 中事件处理程序和在 errorTextFormat 中返回错误消息的代码.