2011-09-13 1 views
1

私は、モーダルダイアログとそれを呼び出したページの間の通知を処理するためのデザインパターンを探しています。jQuery - ajax送信アクションのjqueryダイアログに通知する方法はありますか?

私は、クリックすると、ajaxを介して の一部のコンテンツをモーダルダイアログ(たとえばjQuery UIダイアログ)に読み込む1つのボタンを含む単純なHTMLページがあるとします。読み込まれたajaxコンテンツには、 という単純なフォームとサブミットボタンが含まれており、これはajax投稿を実行します。これまでのところ、とても良い、そして のすべてがうまくいきます。

私が投稿した後の私の質問はどうすればいいですか: (1)ダイアログが閉じられることを通知しますか?例えば'OnSuccess'というメソッドがある場合 $(??)。dialog()。close()と (2)投稿が成功した後にダイアログが閉じられるように元のページに通知するので、 例えばドロップダウンを再バインドします。

Graphic illustration of events

任意のポインタを大幅にあなたは、ダイアログを閉じるには$アヤックス成功ハンドラを使用することができ

答えて

0

を高く評価しています。それから、dialog.closeイベントを処理して、Webページに再バインドを指示します。このようなもの:

// Handler to open dialog 
$("#AddItem").click(function() { 

    // Show dialog 
    $("#DialogElement").dialog({ 
     close: function() { 
      // code to rebind the drop down 
     }, 
     buttons: { 
      SaveItem: function() { 
       // Code to save item to db 

       $(this).dialog("destroy"); 
       // Or you can put code to rebind drop down here too 
      } 
     } 
    }); 

}); 
関連する問題