执行动态模式弹出答案

【问题标题】：Execute a dynamic modal popup执行动态模式弹出
【发布时间】：2012-09-04 09:42:55
【问题描述】：

您好，我在启动动态模式弹出窗口时遇到问题。我需要通过单击一个按钮来启动它，这个按钮必须将一个值传输到从数据库中检索一些数据的 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 服务。

我该怎么做？

【问题讨论】：

标签： javascript asp.net ajax web-services modalpopupextender

【解决方案1】：

使用 jQuery UI 模式对话框让这一切变得简单。您可以轻松地做任何您需要的事情。

在显示模态对话框之前，有很多事件可用于处理 ajax 调用。

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

【讨论】：

【解决方案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>

【讨论】：