执行动态模式弹出

Execute a dynamic modal popup

本文关键字：模式 动态 执行      更新时间：2023-09-26

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

我该怎么做？

使用jQuery UI模式对话框简化此操作。你可以轻而易举地做任何你需要的事。

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

http://jqueryui.com/demos/dialog/#modal-表单

在按钮上附加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>
相关文章：