I have two questions:
1. How to clear the content which is rendered on rawDataContainer and chartContainer. My code for the panel (with border layout ) is as below.
2. I am using 'rawDataContainer-body' and 'chartContainer-body' and passing it in renderTo of concered chart and grid panel. I found in firebug, that ExtJS creates such div (panelId-div) . This doesnt seems to best practice to me. Is there any other way to get these div Ids?
Please suggest. Thanks!
Code:
var myPanel = Ext.create('Ext.panel.Panel', {
height: 800,
title: 'HomePage',
layout: 'border',
defaults: {
collapsible: true,
split: true,
bodyStyle: 'padding:15px'
},
items: [{
title: 'Raw Data',
id: 'rawDataContainer',
region: 'south',
xtype: 'panel',
//layout: 'fit',
height: 300,
split: true,
margins: '0 5 5 5'
},{
title: 'Input',
region:'west',
xtype: 'panel',
margins: '5 0 0 5',
height: 500,
width: 450,
collapsible: true,
collapseDirection: 'top',
id: 'inputContainer',
layout: 'fit'
},{
title: 'Chart',
region: 'center', // center region is required, no width/height specified
xtype: 'panel',
layout: 'fit',
height: 500,
margins: '5 0 0 0',
id: 'chartContainer',
}],
renderTo: 'pageDiv'
});