Hello World Window
function makeChildren(ownerTitle) {
return nestedChildItems = [
{
xtype : 'panel',
title : 'Child Panel 1',
html : 'Panels can contain Children',
frame : true
}
];
}
Ext.onReady(function() {
var handleAction = function(action){
Ext.example.msg('Action', 'You clicked "'+action+'"');
};
new Ext.Panel({
renderTo : Ext.getBody(),
title : 'Panel 1',
height:250,
width: 500,
tbar: [{
xtype:'splitbutton',
text: 'Menu Button',
iconCls: 'add16',
handler: handleAction.createCallback('Menu Button'),
menu: [{text: 'Menu Item 1', handler: handleAction.createCallback('Menu Item 1')}]
},'-',{
xtype:'splitbutton',
text: 'Cut',
iconCls: 'add16',
handler: handleAction.createCallback('Cut'),
menu: [{text: 'Cut menu', handler: handleAction.createCallback('Cut menu')}]
},{
text: 'Copy',
iconCls: 'add16',
handler: handleAction.createCallback('Copy')
},{
text: 'Paste',
iconCls: 'add16',
menu: [{text: 'Paste menu', handler: handleAction.createCallback('Paste menu')}]
},'-',{
text: 'Format',
iconCls: 'add16',
handler: handleAction.createCallback('Format')
},'->',{
text: 'Right',
iconCls: 'add16',
handler: handleAction.createCallback('Right')
}],
items : makeChildren('Panel 1')
});
});