Hi all,
I am using accordian Layout , in which it has tree panel with nodes, at some particular instant i need to hide my nodes based on the requirement, but i cant able to show/ hide tree nodes, i can able to hide by using hidden:true,
but i cant able to show,
I tried to use
masterEquipmentMeasureInstPanel.getRootNode().childNodes['createEquipment'].getUI().hide();
masterEquipmentMeasureInstPanel.getRootNode().childNodes['createEquipment'].getUI().show();
but i cant able to hide/show..
plz suggest me to ressolve this problem....


var masterEquipmentMeasureInstPanel = new Ext.Panel({
id: 'masterEquipmentMeasureInstPanel',
frame: true,

// title: '<br>Equipment Details View</br>',
bodyStyle:'padding:5px',
width: 850,
//width:650,
height:550,
layout: 'border',
items:[{
region:'west'
//,layout:'fit'
,frame:false
,border:false
//,margins:'0 0 200 5'
,width:250
// ,height:150
,split:true
,collapsible:false
//,collapseMode:'mini'
,items:[{ //xtype:'panel',
// width:250,
height:150,
split:true,
layout:'accordion',
// defaults: {
// bodyStyle: 'padding:15px'
// },
bodyStyle: 'background-color:#DFE8F6',

layoutConfig:{
titleCollapse: true,
animate: true

//activeOnTop: true

},
items:[{ xtype: 'treepanel',
title:'<b>CREATE </b>',
id:'createTreePanel',
autoScroll: true,
rootVisible: false,
// hidden:true,
//height:50,
//hideCollapseTool : true,
bodyStyle: 'background-color:#DFE8F6',
collapsed : true,

root: {
nodeType: 'async',
text: 'Create',

draggable: false,
id: 'createView', // id of the root node
expandable:'true',
children: [
{ text:"<b>Master Instrument</b>",id:1/*'createMasterInstrument'*/ , leaf: true },
{ text:"<b>Equipment</b>",id:'createEquipment', leaf: true, hidden:false},
{ text:"<b>Measuring Instrument</b>",id:'createMeasuringInstrument',leaf: true}
]

},
listeners: {

// tree.getRootNode().cascade(function() { // descends into child nodes
// if(this.attributes['status'] == 100) { // test this node
// this.getUI().hide() // hide this node
// }
//}) }),
// show : function(){
// createEquipment.node.hidden = false;
//// if(this.wrap){
//// this.wrap.style.display = "";
//// this.anchor.tabIndex = 0; // Make it focussable
//// }
// },

click: function(n) {
selectedNode=n.attributes.id;
// alert("Displaying Create "+ selectedNode);





if(selectedNode == 'createMasterInstrument'){
// tree.getRootNode().childNodes[0].getUI().hide();

// this.getUI().hide() // hide this node
// alert("Displaying selecting node is true Create "+ selectedNode);
// var pnl2 =
// Ext.getCmp('createView').layout.enable('createEquipment');
// createTreePanel.getNodeById('createEquipment').getUI().show();
// Ext.getCmp('createView').disable(force);
// createEquipment.set("cls", 'hidden');
// createEquipment.hide();
Ext.getCmp('centercontents').layout.setActiveItem('displayInstrumentDetailsform');

//pnl2.show();

}
else if(selectedNode== 'createEquipment'){
Ext.getCmp('centercontents').layout.setActiveItem('displayEquipmentDetailsform');


}
else if(selectedNode== 'createMeasuringInstrument'){
Ext.getCmp('centercontents').layout.setActiveItem('displayMeasuringInstrumentform');
}
}

}