Hello World Window
function makeChildren(ownerTitle) {
return nestedChildItems = [
{
xtype : 'panel',
title : 'Child Panel 1',
html : 'Panels can contain Children',
frame : true
}
];
}
Ext.onReady(function() {
new Ext.Panel({
renderTo : Ext.getBody(),
title : 'Panel 1',
width : 800,
height : 180,
tbar: [{
xtype: 'buttongroup',
title: 'Clipboard',
defaults: {
scale: 'medium',
iconAlign:'top'
},
items: [{
xtype:'splitbutton',
text: 'Menu Button',
iconCls: 'add24',
arrowAlign:'bottom',
menu: [{text: 'Menu Item 1'}]
},{
xtype:'splitbutton',
text: 'Cut',
iconCls: 'add24',
arrowAlign:'bottom',
menu: [{text: 'Cut Menu Item'}]
},{
text: 'Copy',
iconCls: 'add24',
cls: 'x-btn-as-arrow'
},{
text: 'Paste',
iconCls: 'add24',
arrowAlign:'bottom',
menu: [{text: 'Paste Menu Item'}]
},{
text: 'Format
Stuff',
iconCls: 'add24'
}]
},{
xtype: 'buttongroup',
title: 'Other Bogus Actions',
defaults: {
scale: 'medium',
iconAlign:'top'
},
items: [{
xtype:'splitbutton',
text: 'Menu Button',
iconCls: 'add24',
arrowAlign:'bottom',
menu: [{text: 'Menu Item 1'}]
},{
xtype:'splitbutton',
text: 'Cut',
iconCls: 'add24',
arrowAlign:'bottom',
menu: [{text: 'Cut Menu Item'}]
},{
text: 'Copy',
iconCls: 'add24',
cls: 'x-btn-as-arrow'
},{
text: 'Paste',
iconCls: 'add24',
arrowAlign:'bottom',
menu: [{text: 'Paste Menu Item'}]
},{
text: 'Format',
iconCls: 'add24',
cls: 'x-btn-as-arrow'
}]
}]
,
items : makeChildren('Panel 1')
});
});