如何隐藏dijit /表单/按钮？

Question

我认为提供隐藏/显示和启用/禁用按钮的简单方法是常识,但我找不到任何描述dojo的文档已经做过这样的事情.无论如何,我希望在谷歌搜索时错过了一些东西是我的错,谢谢!

以下编码是我尝试过的,但它们只是使按钮的文本不可见:

dojo.style(btnInsert, {'visibility':'hidden'});
dojo.style(btnInsert, {'display':'none'});

更新问题:

oborden2:

我试过你的代码,结果和上面的代码一样,这里是捕获的屏幕:

致MiBrock:

我也尝试过你的代码,并得到与上面代码相​​同的结果:

Answer 1

Dijit中的表单小部件很特别.对于所有正常的Dijit小部件,小部件的domNode(最外面的节点)接收id属性.但是,对于表单小部件,focusNode(对应于<input>元素)会接收ID,以便<label for="foo">正常工作.在这种情况下,最外层节点没有ID,而您实际上只是隐藏了内部HTML输入元素.

如果您已经引用了小部件:

require([ 'dojo/dom-style' ], function (domStyle) {
    domStyle.set(widget.domNode, 'display', 'none');
});

如果您只引用窗口小部件/原始DOM节点的ID:

require([ 'dojo/dom-style', 'dijit/registry' ], function (domStyle, registry) {
    domStyle.set(registry.byId(nodeId).domNode, 'display', 'none');
});