展開dijit中的所有節點。樹

Question

是否有一種很好的方式來展開/關閉dijit.Tree中的所有可展開節點？

對於那些尋找一個答案，把這個在您的初始化代碼：

var treeControl = new dijit.Tree({ 
    model: treeModel, 
    expandAll: function() { 
     // summary: 
     //  Expand all nodes in the tree 
     // returns: 
     //  Deferred that fires when all nodes have expanded 

     var _this = this; 

     function expand(node) { 
      _this._expandNode(node); 

      var childBranches = dojo.filter(node.getChildren() || [], function(node) { 
       return node.isExpandable; 
      }); 

      var def = new dojo.Deferred(); 
      defs = dojo.map(childBranches, expand); 
     } 
     return expand(this.rootNode); 
    } 
}); 

至少，這對我的作品。你可以用collapseAll()來做同樣的事情，你只需要切換_this._expandNode(node);與_this._collapseNode(node);

Answer 1

是的，autoExpand = true（作爲樹的初始化參數）。

如果你需要動態展開/摺疊，Tree過去有一個方法，但我把它拿出來了。但是，您可以從：http://bugs.dojotoolkit.org/changeset/20529複製它。

Answer 2

摺疊所有節點......（記得到不垮根節點時不顯示它（我想爲我的樹顯示多個項目））

_collapseAllTreeNodeContainers: function(){ 

    var _tree = _this; 

     function collapse(node) { 
    // never collapse root node, otherwise hides whole tree ! 
    if (_tree.showRoot == false && node != _tree.rootNode) { 
    _tree._collapseNode(node); 
    } 

      var childBranches = dojo.filter(node.getChildren() || [], function(node) { 
       return node.isExpandable; 
      }); 

      var def = new dojo.Deferred(); 
      defs = dojo.map(childBranches, collapse); 
     } 
     return collapse(_tree.rootNode); 
    } 

Answer 3

你可以使用上所述dijit/Tree實例以下方法：

tree.expandAll(); 

http://dojotoolkit.org/api/?qs=1.10/dijit/Tree#1_10dijit_Tree_expandAll

或

tree.collapseAll(); 

http://dojotoolkit.org/api/?qs=1.10/dijit/Tree#1_10dijit_Tree_collapseAll