This My Code, but only the tree panel is displayed(please help me):
Ext.define('User', { extend: 'Ext.data.Model', fields: ['name'] });
var tree = Ext.create('Ext.tree.Panel', { height: 300, renderTo: Ext.getBody(), width: 300, region: 'east', columns: [ {dataIndex: 'name', flex: 1, header: 'Tree Panel', xtype: 'treecolumn'} ], store: { model: 'User', root: { name: 'Rumah', children: [ {name: 'Gavin Renaldi', children: [{name: 'Benar Sekali', age: 2, children: []}]}, {name: 'Gavin Ripharbowo', children: []} ] } }, viewConfig: { plugins: { ddGroup: 'user-dd', ptype: 'treeviewdragdrop' } } });
Ext.onReady(function () {
Ext.create('Ext.container.Viewport', { layout: 'border', items: [{ region: 'north', html: 'Page Title', autoHeight: true, border: false, width:100, height:100, margins: '0 0 5 0'
}, { region: 'west', collapsible: false, html: '<h1 class="x-panel-header">Page Title</h1>', title: 'Navigation', width: 150, height:100, items:'tree' // could use a TreePanel or AccordionLayout for navigational items }, { region: 'center', xtype: 'tabpanel', // TabPanel itself has no title activeTab: 0, // First tab active by default items: [{ title: 'First Tab', html: 'For A While', },{ title: 'Second Tab', html : 'The Second Tab Content' }] }] }) })