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>

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



添加代码后的效果