Simple EXTJS ViewPort


Ext.onReady(function() {
Ext.QuickTips.init();

var viewport = new Ext.Viewport({
layout: "border",
id: 'movieview',
renderTo: document.body,
items: [{
region: "north",
xtype: 'panel',
html: 'North'
},{
region: 'west',
xtype: 'panel',
split: true,
collapsible: true,
collapseMode: 'mini',
title: 'Some Info',
bodyStyle:'padding:5px;',
width: 200,
minSize: 200,
html: 'West'
},{
region: 'center',
xtype: 'tabpanel',
activeTab: 0,
items: [{
title: 'Grid',
html: 'Center'
}]
},{
region: 'east',
xtype: 'panel',
split: true,
width: 200,
html: 'East'
},{
region: 'south',
xtype: 'panel',
html: 'South'
}]
});});

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s