javascript - 删除关闭按钮(右上角的 X)- 在使用 dojo 创建的对话框中？

Question

如何删除使用 dojo 创建的对话框上的关闭按钮(右上角的 X)？我遇到了 dlg.closeButtonNode.style.display='none'; 但它没有用。还有其他办法吗？

Answer 1

我猜这是行不通的，因为您的对话框实例没有分配给名为“dlg”的 var，但我不能确定，因为您没有发布任何代码。否则这应该有效。但是有一种更简单的方法可以实现这一点，那就是使用 CSS。

.dijitDialogCloseIcon {
    display: none;
}

这一切都假设您不能更改对话框实例，否则您真的应该使用 dijit 本身的“closable”属性来禁用对话框的关闭。编辑:正如 Ken 在评论中指出的那样，这是首选方式，因为它还禁用了转义键的处理。示例:

程序化:

require(["dijit/Dialog", "dojo/domReady!"], function(Dialog){
    myDialog = new Dialog({
        title: "My Dialog",
        content: "Test content.",
        style: "width: 300px",
        closable: false // here
    });
});

声明式的:

<div data-dojo-type="dijit/Dialog" data-dojo-id="myDialog" data-dojo-props="closable:false"></div>