MVC 5のコントローラアクションからJquery UIダイアログを閉じる必要があります

Question

jquery UIダイアログボックス内で部分ビューを呼び出すサイトを構築しています。部分ビュー内には、フォーム上のデータをデータベースにコミットする「保存」ボタンがあります。現在、別のビューにリダイレクトされます。代わりにダイアログボックスを閉じてください。ダイアログボックスを閉じる関数を正しく呼び出すことができません。ここで

が私のコードです：

ビューで：コントローラで

<script type="text/javascript"> 
      $.ajaxSetup({ cache: false }); 
      $(document).ready(function() { 
       $(".diagSave").on("click", function (e) { 
        e.preventDefault(); 
        $("<div></div>") 
        .dialog({ 
         title: $(this).attr("data-dialog-title"), 
         modal: true, 
         width: 1000, 
         success: function() { 
         $('#diagSave').dialog('close'); 
        } 
        }) 

        .load(this.href); 
       }) 

      }); 
</script> 

：

return Json(new { success = true }, JsonRequestBehavior.AllowGet); 

誰かが、私はこれを達成することができますどのように指摘して助けてくださいことはできますか？

Answer 1

代わりにjqueryで保存クリックを処理し、.serializeを使用してフォームコレクションをコントローラに送信してからダイアログを閉じます。

var formvalues = $('#yourformparentdiv form').serialize(); 
$.ajax({ 
    url: siteRoot + 'Home/YourControllerMethod', 
    data: formvalues, 
    async: true, 
    type: "POST", 
    ... 

Answer 2

この部分を処理して、partialviewから保存する必要がある場合は、そこでクリックイベント内で閉じる処理が必要です。

$("#partialview_savebutton").click(function(e){ 
    var $dlg = $(this).parents(".ui-dialog"); 
    //save the data 
    $dlg.dialog("close"); 
}); 

ダイアログにコンテンツを読み込むときに、このメソッドがバインドされていることを確認する必要があります。

私は一般にダイアログオープンルーチンの最後にこれを含めます。その後、

if(typeof initDlg == 'function') initDlg(); 

そして、私のイベントハンドラをバインドし、私は私のpartialviewで定義されて定義されinitDlg(){}以内に必要な任意の検証を設定します。