Line | |
---|
1 | /*! |
---|
2 | * Ext JS Library 3.0.0 |
---|
3 | * Copyright(c) 2006-2009 Ext JS, LLC |
---|
4 | * licensing@extjs.com |
---|
5 | * http://www.extjs.com/license |
---|
6 | */ |
---|
7 | Ext.onReady(function(){ |
---|
8 | |
---|
9 | Ext.state.Manager.setProvider( |
---|
10 | new Ext.state.SessionProvider({state: Ext.appState})); |
---|
11 | |
---|
12 | var button = Ext.get('show-btn'); |
---|
13 | |
---|
14 | button.on('click', function(){ |
---|
15 | |
---|
16 | // tabs for the center |
---|
17 | var tabs = new Ext.TabPanel({ |
---|
18 | region: 'center', |
---|
19 | margins:'3 3 3 0', |
---|
20 | activeTab: 0, |
---|
21 | defaults:{autoScroll:true}, |
---|
22 | |
---|
23 | items:[{ |
---|
24 | title: 'Bogus Tab', |
---|
25 | html: Ext.example.bogusMarkup |
---|
26 | },{ |
---|
27 | title: 'Another Tab', |
---|
28 | html: Ext.example.bogusMarkup |
---|
29 | },{ |
---|
30 | title: 'Closable Tab', |
---|
31 | html: Ext.example.bogusMarkup, |
---|
32 | closable:true |
---|
33 | }] |
---|
34 | }); |
---|
35 | |
---|
36 | // Panel for the west |
---|
37 | var nav = new Ext.Panel({ |
---|
38 | title: 'Navigation', |
---|
39 | region: 'west', |
---|
40 | split: true, |
---|
41 | width: 200, |
---|
42 | collapsible: true, |
---|
43 | margins:'3 0 3 3', |
---|
44 | cmargins:'3 3 3 3' |
---|
45 | }); |
---|
46 | |
---|
47 | var win = new Ext.Window({ |
---|
48 | title: 'Layout Window', |
---|
49 | closable:true, |
---|
50 | width:600, |
---|
51 | height:350, |
---|
52 | //border:false, |
---|
53 | plain:true, |
---|
54 | layout: 'border', |
---|
55 | |
---|
56 | items: [nav, tabs] |
---|
57 | }); |
---|
58 | |
---|
59 | win.show(this); |
---|
60 | }); |
---|
61 | }); |
---|
Note: See
TracBrowser
for help on using the repository browser.