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

时间:2014-11-25 20:21:06

标签: javascript dojo

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

1 个答案:

答案 0 :(得分:3)

我猜这不起作用,因为你的对话框实例没有分配给名为“dlg”的var,但我不能确定,因为你没有发布任何代码。否则这应该工作。但是,通过使用CSS,有一种更简单的方法可以实现这一目标。

.dijitDialogCloseIcon {
    display: none;
}

这就是假设您无法更改对话框实例,否则您应该使用dijit本身的“closable”属性来禁用对话框的关闭。编辑:正如Ken在评论中指出的那样,它是首选的方式,因为它还禁用了对escapekey的处理。例子:

程序化:

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

Declaritive:

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