JQgrid捕获ADD / EDIT / Delete事件

时间:2012-02-23 15:44:50

标签: jquery asp.net wcf jqgrid

我有一个jqgrid,目前我可以从调用wcf服务加载数据。我还有添加/编辑/删除按钮,当选择时显示相应的UI。我应该如何/在哪里处理这个事件。我想传递用户编辑/输入的所有值将其传递给wcf服务执行操作并刷新返回网格。任何人都可以指导我如何做到这一点。

1 个答案:

答案 0 :(得分:0)

您正在使用的编辑/添加/删除功能应该有一个ajax调用来将输入数据提交给服务器。您需要将其与服务器URL和jqgrid的其他可用事件相关联。默认情况下,如果成功,则会在网格中添加已修改的数据。但是,如果在使用来自服务器的数据进行此类操作后需要重新加载网格,则可以在完成操作后使用afterComplete事件并在其中调用重新加载网格事件来调用重新加载网格函数。

可以使用以下逻辑之类的东西

//This function is called when a particular row of data is edited in the table
    this.editRow = function(){
        try{
            var gr = jQuery("#mygrid").jqGrid('getGridParam','selrow'); 
            if( gr != null ) {
                jQuery("#mygrid").jqGrid('editGridRow',gr,
                    {
                        height:'auto',
                        width:'450',
                        reloadAfterSubmit:false,
                        url : editdata.action,
                        closeAfterEdit: true,
                        afterComplete:reloadGrid
                    }
                ); 
            }else {
                alert("Please Select Row"); 
            }
        }catch(e){
            alert(e);
        }

    };