執行一個動態模態彈出窗口

Question

嗨，我有一個問題啓動我的動態模態彈出窗口。 我需要通過單擊按鈕來啓動它，此按鈕必須將值傳遞給Web服務，該服務從數據庫中檢索一些數據。

這裏是按鈕

<asp:Button ID="btnShow" Text="Details" runat="server" /> 

這裏的模式彈出

<asp:ModalPopupExtender ID="btnShow_ModalPopupExtender" runat="server" 
     TargetControlID="btnShow" OkControlID="btnDlgOK" PopupControlID="pnlPopup" 
     DynamicControlID="lblInfo" 
     DynamicServicePath="GetDetails.asmx" 
     DynamicServiceMethod="GetData" 
     BackgroundCssClass="modal" 
     DropShadow="true" 
     > 
    </asp:ModalPopupExtender> 

在這裏，我的基本JavaScript打開彈出窗口的代碼的代碼

<script type="text/javascript"> 
    function showpop() { 
     $find("btnShow_ModalPopupExtender").show(); 
    } 
</script> 

現在我不知道如何從按鈕調用JavaScript代碼，也不知道如何調用提取的Web服務來自數據庫的數據。

我該怎麼辦？

Answer 1

讓這個簡單的使用jQuery UI模態對話框。你可以輕鬆地做任何你需要的。

在顯示模態對話框之前，有很多事件可用於處理ajax調用。

http://jqueryui.com/demos/dialog/#modal-form

Answer 2

附加在按鈕上click事件顯示popup window

<script type="text/javascript"> 
    jQuery(function(){ 
     jQuery("#btnShow_ModalPopupExtender").hide(); // hide when page started 
     jQuery("#btnShow").click(function(){ 
      jQuery("#btnShow_ModalPopupExtender").show(); 
     }); 
    }); 
</script>