dojo - dijit.TitlePane : Expand/Collapse All. 如何在具有给定类名的元素上设置属性

Question

我有多个标题 Pane :

<div class="classname" data-dojo-props="title: 'Title Here', open: false" data-dojo-type="dijit.TitlePane">..</div>

现在我已经写好了

<a onclick="dojo.forEach(dijit.registry.toArray(), function(item){  if (item.get('declaredClass')=='dijit.TitlePane'){item.set('open',true)};});">Expand All </a>
<a onclick="dojo.forEach(dijit.registry.toArray(), function(item){  if (item.get('declaredClass')=='dijit.TitlePane'){item.set('open',false)};});">Collapse All</a>

这成功地打开和关闭了所有标题 Pane ，但页面中使用了另一个标题 Pane ，我不想受此影响。我尝试使用 dojo.query('.classname').attr('open',false);但这没有用。

我没有使用 dojo/dijits 的经验，如何根据类属性将 open 设置为 true 或 false？

Answer 1

您需要小部件而不是 dom 对象来执行此操作， 这就是查询为您提供 dom 对象的原因。

dojo.query('.classname').forEach(function(node){
     dijit.getEnclosingWidget(node).set('open',false); 

})