jquery:父模式对话框文本框不可编辑

发布于 2024-10-05 12:30:08 字数 2019 浏览 2 评论 0原文

jquery ui.dialog 打开模式对话框后,如果我再次打开另一个模式对话框并关闭它,文本框将锁定在父对话框中。我无法解决这个问题。 如果我打开一个非模式对话框,它工作正常, 但是父对话框可以关闭,如何解决,谢谢,在线等待

html:(dotnet mvc2)

<input id="btnDlg" type="button" value="open dialog"/>
<div id="dlg1"><%=Html.TextBox("txtName","can not edit") %><input id="btnShowDlg" type="button" value="dialog again" /></div>
<div id="dlg2"><div>the second dialog</div><%=Html.TextBox("txtName2") %></div>

jquery:

//first modal dialog
$("#dlg1").dialog({
                autoOpen: false,
                height: 350,
                width: 300,
                title: "The first dialog!",
                bgiframe: true,
                modal: true,
                resizable: false,
                buttons: {
                    'Cancel': function() {
                        $(this).dialog('close');
                    },
                    'OK': function() {
                        $(this).dialog('close');
                    }
                }
            })
//second modal dialog
            $("#dlg2").dialog({
                autoOpen: false,
                height: 200,
                width: 300,
                title: "This is the second dialog!",
                bgiframe: true,
                modal: true,
                resizable: false,
                buttons: {
                    'Cancel': function() {
                        $(this).dialog('close');
                    },
                    'OK': function() {
                        $(this).dialog('close');
                    }
                }
            })
//show the first modal dialog
            $("#btnDlg").click(function() {
                $("#dlg1").dialog("open");
            })
    //show the second modal dialog
                $("#btnShowDlg").click(function() {
                    $("#dlg1").dialog("options", "hide",true);
                    $("#

dlg2").dialog("open");
            })

jquery ui.dialog
after open a modal dialog, if I will open another modal dialog again and close it, the textbox is lock in the parent dialog. I can not resolve this problem.
if I open a non-modal dialog , it works fine,
but the parent dialog can be closed ,How to resolve it , thanks , waiting online

html:(dotnet mvc2)

<input id="btnDlg" type="button" value="open dialog"/>
<div id="dlg1"><%=Html.TextBox("txtName","can not edit") %><input id="btnShowDlg" type="button" value="dialog again" /></div>
<div id="dlg2"><div>the second dialog</div><%=Html.TextBox("txtName2") %></div>

jquery:

//first modal dialog
$("#dlg1").dialog({
                autoOpen: false,
                height: 350,
                width: 300,
                title: "The first dialog!",
                bgiframe: true,
                modal: true,
                resizable: false,
                buttons: {
                    'Cancel': function() {
                        $(this).dialog('close');
                    },
                    'OK': function() {
                        $(this).dialog('close');
                    }
                }
            })
//second modal dialog
            $("#dlg2").dialog({
                autoOpen: false,
                height: 200,
                width: 300,
                title: "This is the second dialog!",
                bgiframe: true,
                modal: true,
                resizable: false,
                buttons: {
                    'Cancel': function() {
                        $(this).dialog('close');
                    },
                    'OK': function() {
                        $(this).dialog('close');
                    }
                }
            })
//show the first modal dialog
            $("#btnDlg").click(function() {
                $("#dlg1").dialog("open");
            })
    //show the second modal dialog
                $("#btnShowDlg").click(function() {
                    $("#dlg1").dialog("options", "hide",true);
                    $("#

dlg2").dialog("open");
            })

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

走过海棠暮 2024-10-12 12:30:08

我刚刚想通了,以防万一某人需要答案但找不到答案,

需要将 #btnShowDlg 的 CSS 文件中的 z-index 更改为此(不完全是)# 638746然后模态预览中的字段是可编辑的。无需更改任何其他内容:)

只需转到您的 css 文件,找到 #btnShowDlg并更改或设置 z-index:638746;

I just figured it out, just in case sb ever needs an answer and doesn't find one

One needs to change the z-index in CSS file of #btnShowDlg to this (not exactly)# 638746and then the fields within the modal preview are editable.. No need to change anything else :)

Just go to your css file, locate #btnShowDlg and either change or set z-index:638746;

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文