$(document).ready(function(){
- /*var menuAccordionPanel = new Ext.Panel({
-
- });*/
+ var menuAccordionPanel = new Ext.Panel({
+ id: 'menu_accordion',
+ flex: 1,
+ layout: 'accordion',
+ layoutConfig: {
+ animate: true,
+ fill: true
+ },
+ items: [{
+ title: 'Freezers',
+ id: 'freezers_menu_panel',
+ contentEl: 'freezer_menu'
+ },{
+ title: 'Containers',
+ id: 'containers_menu_panel',
+ contentEl: 'container_menu'
+ },{
+ title: 'Samples',
+ id: 'samples_menu_panel',
+ contentEl: 'sample_menu'
+ },{
+ title: 'Settings',
+ id: 'settings_menu_panel',
+ contentEl: 'settings_menu'
+ }]
+ });
var mainBorderPanel = new Ext.Viewport({
layout: 'border',
xtype: 'toolbar',
//height: 100,
items: [{
- text: "Button"
+ text: "Button"
}],
margins: '2 0 0 0'
}],
pack: 'start'
},
items: [
+ menuAccordionPanel,
{
- flex: 1,
- id: 'menu_accordion',
- layout: 'accordion',
- layoutConfig: {
- animate: true,
- fill: false
- },
- items: [{
- title: 'Freezers',
- id: 'freezers_menu_panel',
- contentEl: 'freezer_menu'
- },{
- title: 'Containers',
- id: 'containers_menu_panel',
- contentEl: 'container_menu'
- },{
- title: 'Samples',
- id: 'samples_menu_panel',
- contentEl: 'sample_menu'
- },{
- title: 'Settings',
- id: 'settings_menu_panel',
- contentEl: 'settings_menu'
- }]
- },{
xtype: 'box',
applyTo: 'bcmagic_div',
height: 200
}]
});
+ /*
+ Ext.MessageBox.show({
+ title: 'Debug',
+ msg: 'menuAccordionPanel id: ' + menuAccordionPanel.getItemId(),
+ buttons: Ext.MessageBox.OK,
+ icon: Ext.MessageBox.INFO
+ })
+ */
});
\ No newline at end of file
var select_menu = function(item){
var choices = {'freezer': 'freezers_menu_panel',
'container': 'containers_menu_panel',
- 'samples': 'freezers_menu_panel',
+ 'samples': 'samples_menu_panel',
'settings': 'settings_menu_panel'};
- $('#menu_accordion').setActiveItem(choices[item]);
+ Ext.getCmp(choices[item]).expand();
}