~cdparra/gelee/trunk

« back to all changes in this revision

Viewing changes to webui/ecosystem/workspace/extjs/docs/source/layout.html

  • Committer: parra
  • Date: 2010-03-15 15:56:56 UTC
  • Revision ID: svn-v4:ac5bba68-f036-4e09-846e-8f32731cc928:trunk/gelee:1448
merged gelee at svn

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<html>
 
2
<head>
 
3
  <title>The source code</title>
 
4
    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
 
5
    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
 
6
</head>
 
7
<body  onload="prettyPrint();">
 
8
    <pre class="prettyprint lang-js">Ext.onReady(function(){
 
9
    
 
10
    Ext.state.Manager.setProvider(
 
11
            new Ext.state.SessionProvider({state: Ext.appState}));
 
12
 
 
13
    var button = Ext.get('show-btn');
 
14
 
 
15
    button.on('click', function(){
 
16
 
 
17
        // tabs for the center
 
18
        var tabs = new Ext.TabPanel({
 
19
            region: 'center',
 
20
            margins:'3 3 3 0', 
 
21
            activeTab: 0,
 
22
            defaults:{autoScroll:true},
 
23
 
 
24
            items:[{
 
25
                title: 'Bogus Tab',
 
26
                html: Ext.example.bogusMarkup
 
27
            },{
 
28
                title: 'Another Tab',
 
29
                html: Ext.example.bogusMarkup
 
30
            },{
 
31
                title: 'Closable Tab',
 
32
                html: Ext.example.bogusMarkup,
 
33
                closable:true
 
34
            }]
 
35
        });
 
36
 
 
37
        // Panel for the west
 
38
        var nav = new Ext.Panel({
 
39
            title: 'Navigation',
 
40
            region: 'west',
 
41
            split: true,
 
42
            width: 200,
 
43
            collapsible: true,
 
44
            margins:'3 0 3 3',
 
45
            cmargins:'3 3 3 3'
 
46
        });
 
47
 
 
48
        var win = new Ext.Window({
 
49
            title: 'Layout Window',
 
50
            closable:true,
 
51
            width:600,
 
52
            height:350,
 
53
            //border:false,
 
54
            plain:true,
 
55
            layout: 'border',
 
56
 
 
57
            items: [nav, tabs]
 
58
        });
 
59
 
 
60
        win.show(this);
 
61
    });
 
62
});</pre>    
 
63
</body>
 
64
</html>
 
 
b'\\ No newline at end of file'