javascript - 使父页面不可编辑

Question

我有一个父 jsp 页面，我在其中执行所有操作以将数据检索到后端

我在父页面中有一个按钮，如果我点击该按钮，它将打开一个包含输入字段表的新对话框

打开此对话框时，我需要使我的父页面不可编辑

这是我的javascript:

function addscenario() {
    $( "#addscenariodiv" ).dialog({ dialogClass: 'no-close' });
    dialog = $("#addscenariodiv").dialog({
        autoOpen : false,
        height : 100,
        width : 700,
        modal : true,
        buttons : {
            close : function() {
                form[0].reset();
                allFields.removeClass("ui-state-error");
            }
        }
    }); 
    dialog.dialog("open");
}

Answer 1

我明白了，您已经在使用 modal 对话框了。您的控制台中可能几乎没有错误。无论如何，我在 this 中摆弄了一个样本。关联。希望你也能在那里摆弄你的解决方案。

<button id="dialogButton" >Open Dialog</button>
<div id="dialog-message" title="Important information" style="display: none;> .... </div>

这是默认隐藏的 div。单击按钮，div dialog-message 中的内容将呈现为模态对话框。

$("#dialogButton").click(function(){
    $("#dialog-message").show();
    $("#dialog-message").dialog({
    modal: true,
    draggable: false,
    resizable: false,
    position: ['center', 'top'],
    show: 'blind',
    hide: 'blind',
    width: 400,
    dialogClass: 'ui-dialog-osx',
    buttons: {
        "I've read and understand this": function() {
            $(this).dialog("close");
        }
    }
});
});