使父頁面不可編輯

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對話框。 您的控制台中可能沒有幾個錯誤。 無論如何，我在此鏈接中擺弄了一個示例。 希望您也可以在那里提出解決方案。

<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");
        }
    }
});
});