对话框在退格时关闭

时间:2012-10-12 14:11:05

标签: jquery asp.net-mvc-3 jquery-ui

有人知道为什么在按下只读输入框上的退格时jQuery对话框关闭了吗?

当在readonly文本框上按下其他键时,还有其他问题,例如空格键。因此,我的假设是它与readonly输入框有关。

我需要只读取此输入,因此用户无法更改该值。我无法禁用它,因为我的控制器无法接收禁用控件的值。

我在ASP.NET MVC3中工作。

请帮忙。感谢

更新

打开对话框时按退格键,关闭对话框。区别在于添加对话框我必须按退格键两次。对于编辑,它会在一个退格键上关闭。

这就是我在两个链接上打开对话框的方式 - 添加和编辑

$('#add').click(function () {
            $('#popup-form-dialog').load('@Url.Action("Add", "Home")', function (html)
                    { $('#dialog').html(html); });
            $('#dialog').dialog('option', 'title', 'Add');
            $('#dialog').parent().css({ position: "fixed" }).end().dialog('open');
        });

        $('#edit a').live('click', function () {
            var id = $(this).attr('id');
            $('#dialog').load('@Url.Action("Edit","Home")/' + id, function (html)
                    { $('#dialog').html(html); });
            $('#dialog').dialog('option', 'title', 'Edit');
            $('#dialog').parent().css({position:"fixed"}).end().dialog('open');
            return false;
        });

$('#dialog').dialog({
            bgiframe: true,
            autoOpen: false,
            resizable: false,
            width: 500,
            modal: true,
            close: function () {
               //make changes to the parent page
            }

    });

更新

注意到 - 对话框上的退格实际上正在进行浏览器的退格。我想知道为什么在我有模态对话框时会发生这种情况?以及如何阻止这个?有什么想法吗?

1 个答案:

答案 0 :(得分:0)

您可以尝试以下选项:

1。)通过添加 disabled="true"

来停用输入文本框

2。)当某人试图将其移动到只读文本框内时,将光标移出。

onfocus = "this.blur()"

3。)使用标签而不是只读文本框。