Ext JS JavaScript DHTML





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',
            items: [{
                text: 'Cut',
                iconCls: 'add16',
                scale: 'small'
            },{
                text: 'Copy',
                iconCls: 'add16',
                scale: 'small'
            },{
                text: 'Paste',
                iconCls: 'add16',
                scale: 'small',
                menu: [{text: 'Paste Menu Item'}]
            }]
        }, {
            xtype:'buttongroup',
            items: [{
                text: 'Format',
                iconCls: 'add16',
                scale: 'small'
            }]
        }],
    items    : makeChildren('Panel 1')
  });
});