JQGridの確認ボックス編集後のデータの保存

Question

JqGridでデータを編集した後、ユーザーが[保存]をクリックすると、確認ボックスを表示します。以下の私のコードを見つけてください。

function FetchAccountMapping() { 
    try { 
     if (ValidateForm()) { 
      var selectedsearchoption = $('#ddlSearchOption').val(); 

      $("#jqGrid").show(); 
      $("#jqGrid").jqGrid("clearGridData"); 

      if (!firstclick) { 
       var url = '/utility/utilityhandler.aspx'; 
       $("#jqGrid").jqGrid('setGridParam', { 
        url: url, 
        postData: { 
         command: 'fetchmobileaccountmapping', 
         username: function() { return (selectedsearchoption == "username") ? $('#txtUsername').val() : ''; }, 
         useremail: function() { return (selectedsearchoption == "useremail") ? $('#txtUseremail').val() : ''; }, 
         useremailhash: function() { return (selectedsearchoption == "useremail") ? $('#txtUseremail').val().hashCode() : ''; } 
        }, 
        onSelectRow: editRow 
       }); 
       $("#jqGrid").trigger("reloadGrid"); 
      } 
      else { 
       $("#jqGrid").jqGrid({ 
        url: '/utility/utilityhandler.aspx', 
        postData: { 
         command: 'fetchmobileaccountmapping', 
         username: function() { return (selectedsearchoption == "username") ? $('#txtUsername').val() : ''; }, 
         useremail: function() { return (selectedsearchoption == "useremail") ? $('#txtUseremail').val() : ''; }, 
         useremailhash: function() { return (selectedsearchoption == "useremail") ? $('#txtUseremail').val().hashCode() : ''; } 
        }, 
        datatype: "json", 
        styleUI: "Bootstrap", 
        colNames: ["MobileAccountMappingID", "Username", "Email", "App Name", "Active"], 
        colModel: [ 
         { 
          label: 'nMobileAppAccountUserMappingID',name: 'nMobileAppAccountUserMappingID',key: true,hidden: true,editable: true 
         }, 
         { 
          label: 'Username',name: 'Username',width: 250,search: true,editable: true, editoptions: { readonly: "readonly" } 
         }, 
         { 
          label: 'Email',name: 'Email',width: 500,search: true, editable: true, editoptions: { readonly: "readonly" } 
         }, 
         { 
          label: 'nvcMobileAppName',name: 'nvcMobileAppName',width: 150,search: true, editable: true, editoptions: { readonly: "readonly" } 
         }, 
         { 
          label: 'bDeactivated',name: 'bDeactivated',width: 150,editable: true,edittype: 'checkbox', editoptions: { value: "Yes:No" }, 
         } 
        ], 
        viewrecords: true, 
        width: "auto", 
        height: "auto", 
        rowNum: 20, 
        loadonce: false, 
        pager: "#jqGridPager", 
        jsonReader: { 
         root: "Table", 
         repeatitems: false 
        }, 
        gridview: true, 
        caption: "Mobile Account Mapping List", 
        //onSelectRow: editRow, 
        inlineEditing: { 
         keys: true 
        } 
       }); 
       $("#jqGrid").jqGrid('inlineNav', '#jqGridPager', 
       { 
        edit: true,add: false,del: false,search: false 
       }, 
       { 
        zIndex: 100, 
        navkeys: false, 
        url: '/utility/utilityhandler.aspx?command=editnewsletter', 
        checkOnSubmit: true, 
        closeOnEscape: true, 
        reloadAfterSubmit: true, 
        afterComplete: function (response) { 
         var jsonResponse = $.parseJSON(response.responseText); 
         alert(jsonResponse.ResponseMessage); 
        } 
       }); 
       firstclick = false; 
      } 
     } 
    } catch (e) { 
     alert(e); 
    } 
} 

私はcheckOnSubmitとbeforeSubmitを試してみました。両方は私のために働かなかった。私はbeforeSubmitで関数を呼び出そうとしましたが、その中にダイアログボックスを描画しようとしました。それでも助けにならなかった。

Answer 1

あなたはbeforeSubmitイベントをどのように使ってみるかコードを投稿するべきでしょうか？ 基本的にこのイベントは、配列を返す必要がありますあなたが行うことができます（see Guriddo jqGrid documentation events）

sinple方法がある：これは動作しませんでした

... 
beforeSubmit : function(postdata, form , oper) { 
    if(confirm('Are you sure you want to update this row?')) { 
     // do something 
     return [true,'']; 
    } else { 
     return [false, 'You can not submit!']; 
    } 
} 

種類よろしく