执行动态模式弹出窗口

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

在按钮上附加一个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>

Answer 2

使用jQuery UI模态对话框使之简单。 您可以轻松地做所需的任何事情。

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

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