extjs4.2 隐藏treePanel 的节点

利用treePanel 的view来获取页面的html元素，设置它的display属性为none;

<script type=”text/javascript”>
  Ext.onReady(function(){
 var store = Ext.create(‘Ext.data.TreeStore’, {
    root: {
        expanded: true,
        children: [
            { text: “detention”, leaf: true },
            { text: “homework”, expanded: true, children: [
                { text: “book report”, leaf: true },
                { text: “algebra”, leaf: true}
            ] },
            { text: “buy lottery tickets”, leaf: true }
        ]
    }
});

var treePanel = Ext.create(‘Ext.tree.Panel’, {
    title: ‘Simple Tree’,
    width: 200,
    height: 150,
    store: store,
    rootVisible: false,
    renderTo: Ext.getBody()
});

treePanel.getRootNode().appendChild({text:’李四’, id:’tttt’});
//treePanel.getRootNode().childNodes[0].remove();
//treePanel.getRootNode().childNodes[3].hidden = true;
//treePanel.view.getNodes()[3].style=’display:none’;
 
 var tableRowArray = treePanel.view.getNodes();
 if(tableRowArray && tableRowArray.length > 0){
   for(var i = 0; i < tableRowArray.length; i++ ){
      var tableRow = tableRowArray[i];
   if(tableRowArray[i].id.indexOf(‘tttt’) >= 0){
tableRowArray[i].style.display = ‘none’;
break;
}
   }
 }

});
  </script>

展示效果如图：============================

添加代码后的效果