PDA

View Full Version : Problem in Creating Complex Layouts



amitru
13 Jan 2011, 2:25 AM
Hello,

I am using panels for creating my layout, the problem is that the south panel eg: partNumPanel is not visible at the first time if i click on taxonomyPanel then only it is appearing, my requirement is to show partNumberPanel visble and
in collapsed mode and when i click it should open. Please help me to solve this problem.


Below is my code:

[code]



Ext.onReady(

function()

{


vartaxonomyPanel=newExt.Panel({
id:'taxonomy',
title:'Taxonomy Panel',
region:'west',
margins:'5 5 5 0',
layout:'fit',
height:10,
collapsible:true,
collapsed:false,
split:true,
html:'Taxonomy Panel'
});


varpartNumPanel=newExt.Panel({
id:'partNum',
title:'Search Part Num',
region:'south',
margins:'0 5 5 5',
layout:'fit',
height:300,
collapsible:true,
split:true,
html:'this is a prt num panel',
renderTo:'south'
});


varrightPanel=newExt.Panel({
id:'tree',
title:'My Tree',
region:'west',
margins:'5 5 5 0',
layout:'fit',
width:250,
collapsible:true,
split:true,
items:[taxonomyPanel,partNumPanel]
});




varleftPanel=newExt.Panel({
id:'images',
title:'Document Grid',
region:'center',
margins:'5 5 5 0',
autoScroll:true,
layout:'fit',
html:'view'
});


varlayout=newExt.Panel({
layout:'border',
title:'Resource Selector',
width:900,
height:400,
items:[rightPanel,leftPanel]
});


layout.render('layout');

});

[code]

Thanks,
Amit