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

执行动态模态弹出窗口

2 个答案: