ASP.NET MVCフォームポストでfancyboxを閉じるにはどうすればいいですか？

Question

私は内部にフォームを持つfancyboxポップアップを持っています。フォームが投稿されると、それはすべて正常に動作しますが、投稿後はビューにリダイレクトされ、フルページに表示されます。

私が欲しいのは、ポップアップを投稿してファンシーボックスを閉じることです。

は、ここでこれはこれは罰金提出再び罰金ポップアップ

<%: Html.ActionLink("Add Person Box", "AddTest", Nothing, New With {.class = "fbox"})%> 

    <script type="text/javascript"> 
     $(document).ready(function() { 

      $(".fbox").fancybox(); 

     }); 
    </script> 

ポップアップページ

<% Using Html.BeginForm() %> 
    <input type="submit" value="Save Person" /> 

<% End Using %> 

を開き、自分のコード

メインページですが、フルスクリーンモードでそれ自体にリダイレクトします。私はちょうどフォームが投稿され、空想のボックスが閉じられるようにしたい。リダイレクトを避けるために、あなたのformタグ

Answer 1

試して、あなたはそれのWebメソッドにする必要があります。

Answer 2

に属性を追加することonsubmit="javascript:parent.jQuery.fancybox.close();""

Answer 3

jQuery ajaxを使用して、ポップアップフォームのコンテンツを投稿します。サーバーアクションメソッドからの応答を取得したら、javascriptで閉じます。

Answer 4

私はJQueryフォームプラグインを使用します。フォームをハイジャックして、Ajaxリクエストを行います。要求が完了した後、コールバック関数からファンシーボックスを閉じることができます（エラーがない限り）。

http://jquery.malsup.com/form/

// bind to the form's submit event 
$('#myForm2').submit(function() { 
    // inside event callbacks 'this' is the DOM element so we first 
    // wrap it in a jQuery object and then invoke ajaxSubmit 
    $(this).ajaxSubmit({ 
     success : function (result) { $.fancybox.close() } 
    }); 

    // !!! Important !!! 
    // always return false to prevent standard browser submit and page navigation 
    return false; 
});