2012-12-19 10 views
5

jQuery UIダイアログでASP.NET送信ボタンポストバックを作成するにはどうすればよいですか?jQuery UIダイアログ(モーダル)、ポストバックを防ぎます

実際、私はAjaxコントロールツールキットのモーダルで行ったようなUIダイアログモーダルを使用して、gridviewコントロールに格納されているデータの値を更新しています。私はすべてのことを行うことができますが、私はUI Modalでポストバックを起動できません。私はjQueryとそのUIにちょっと新しいので、そのための良い解決策を見つけることができません。

Ajaxツールキットのモーダルでは、ユーザーが送信ボタンをクリックしたときにポストバックを有効にするためにトリガープロパティを設定しましたが、ここでは不可能です。私のコードを以下に示します。

のGridViewで
//------------Modal first---------------- 
<div id="editEventModal" title="Edit Event Details" style="display:none"> 
//-------Here are my controls with asp.net validators 
<asp:Button ID="btnEditEvent" runat="server" Text="Save" ValidationGroup="EditEvent" /> 
</div> 

//--------- JavaScript/jQuery method for calling popup 
function invokeEditPopup(){ 
    $("#editEventModal").dialog({ 
     width: 700, 
     modal: true 
    }); 
} 
//-- Please not that I have not used UI_Dialog's predefined `OK`, `Cancel` buttons as I need to validate my form with asp.net validators on submit button's `click` event. 

私はGridView_DataBoundイベントでは、(それがダイアログをポップアップするために使用されます)ボタンにJavaScriptのイベントinvokeEditPopup()を追加しました。

ダイアログボックスのbtnEditEventを、サーバーで必要な処理を実行できるようにポストバックするようにするにはどうすればよいですか。

-----------------------詳細情報------------------ Iアイデアを使用して試したjQuery UI Dialog with ASP.NET button postback

$("#editEventModal").parent().appendTo($("form")); 

//--------And--------------- 
$(".ui-dialog").parent().appendTo($("form")); 

//--------And--------------- 
$("#editEventModal").parent().prependTo($("form")); 

//--------And--------------- 
$(".ui-dialog").parent().prependTo($("form")); 

しかし、それは正しく動作しませんでした:

そして、ちょうどJavaScriptで私のダイアログの定義の下には、私は(のコース別途)を使用してみました。

答えて

10

最後に、私は答えを得ました:Stack Overflow question An ASP.NET button click event is not firing PirateKittenに感謝します。

私がする必要があったのは、JavaScriptでのダイアログ作成の直下に以下を追加するだけでした。魅力的でした。

$("#editEventModal").parent().appendTo(jQuery("form:first")); 
4

また、ダイアログは、オーバーレイdiv要素の後ろに滞在しないだろうことを確認するために、CSSの変更を加えることができます。

$("#editEventModal").parent().appendTo(jQuery("form:first")).css({"z-index":"101"}); 
関連する問題