BloggerAds

2011年7月1日 星期五

jQuery UI Modal Dialog 中ASP:Button 無法PostBack的解決方式

如果有在.NET網頁(aspx)中使用jQuery UI 的Modal Dialog Plugin的人,應該會發現,若將ASP:Button控制項放在Dialog中,裡面的Button按下去是不會PostBack的,google了一下後,發現只要加一行程式就可以解決了,解決方式如下:
$("#btnA").click(function() {                             
    $("#divDialog").dialog({    //顯示Modal Dialog
        title: 'title',
        modal: true
    });
    //重點在這
    $("#divDialog").parent().appendTo($("form:first")); 
});          

$("#btnCancel").click(function() {
    $("#divDialog").dialog("close");   //關閉Modal Dialog
});

參考資料:
http://stackoverflow.com/questions/568784/jquery-modal-form-dialog-postback-problems

沒有留言:

張貼留言