Question

我有问题，Jquery dailog在按钮点击后关闭，我想保持打开，当我在jquery对话框中使用modal true选项时它不允许点击pop内部的按钮，看起来像是一些zindex问题。请参阅代码并提出解决方案。

点击btnSave后，对话框即将关闭我想在按钮之后保持打开，直到用户点击关闭按钮。

<script src="Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
<link href="Content/jquery-ui.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript" src="Scripts/jquery-ui.js"></script>


<script type="text/javascript">

    function ShowProcessPopup() {
        var dlg = $("#divDetails").dialog({
            title: "Show Details",
            width: 'auto',
            maxWidth: ' 500',
            height: 'auto',
            fluid: true, 
            resizable: false,
            buttons: {}, 
            open: function () {
                {
                    $(this).parent().appendTo($("form:first"));
                }
            },
            modal: true
        });
    }

</script>

<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Always" runat="server">
    <ContentTemplate>
         <asp:Button runat="server" ID="btnShowPopUp" Text="Show Dailog"  OnClick="btnShowPopUp_OnClick"/>
        </ContentTemplate>
    </asp:UpdatePanel>
<div id="divDetails" title="Details" style="display: none; z-index: 100000">
    <asp:TextBox runat="server" ID="txtName"></asp:TextBox>
    <asp:TextBox runat="server" ID="txtDescription"></asp:TextBox>
    <asp:Button runat="server" ID="btnSave" Text="Save" OnClick="btnSave_OnClick" UseSubmitBehavior="false"/>
</div>

 protected void btnSave_OnClick(object sender, EventArgs e)
{
}

protected void btnShowPopUp_OnClick(object sender, EventArgs e)
{
    ScriptManager.RegisterClientScriptBlock(this, GetType(), "none", "<script>ShowProcessPopup();</script>", false);
}

按钮单击后Jquery对话框关闭

0 个答案: