在ExtJs中隱藏節點4.1 TreePanel

Question

如何根據某些條件隱藏ExtJs 4.1 TreePanel中的某些節點？ 我們可以通過這樣的ExtJS的3.4隱藏節點：

tree.getRootNode().cascade(function() { // descends into child nodes 
    if(this.attributes['status'] == 100) { // test this node 
     this.getUI().hide() // hide this node 
    } 
}) 

但這種方法在ExtJS的4.1不再支持。

Answer 1

在Sencha的論壇上有一個topic about this。看起來這不被支持，但有解決方法。

Answer 2

對於ExtJS的6，例如，當讀取配置是假的，隱藏的節點：

hideItemsReadFalse: function() { 
    var me = this, 
     items = me.getReferences().treelistRef.itemMap; 


     for(var i in items){ 
      if(items[i].config.node.data.read == false){ 
       items[i].destroy(); 
      } 
     } 
} 

根：

{ 
    "text": "root", 
    "children": [ 
     { 
      "text": "Atualização", 
      "iconCls": "x-fa fa-list", 
      "children": [ 
       { 
        "leaf":true, 
        "text": "Empresas", 
        "module": "empresas", 
        "iconCls": "x-fa fa-building", 
        "read": false 
       }, 
       { 
        "leaf":true, 
        "text": "Produtos", 
        "module": "produtos", 
        "iconCls": "x-fa fa-cubes", 
        "read": true 
       } 
      ] 
     } 
    ] 
}