/ext-4.0.7/examples/desktop/GridWindow.js

  1/*
  2
  3This file is part of Ext JS 4
  4
  5Copyright (c) 2011 Sencha Inc
  6
  7Contact:  http://www.sencha.com/contact
  8
  9GNU General Public License Usage
 10This file may be used under the terms of the GNU General Public License version 3.0 as published by the Free Software Foundation and appearing in the file LICENSE included in the packaging of this file.  Please review the following information to ensure the GNU General Public License version 3.0 requirements will be met: http://www.gnu.org/copyleft/gpl.html.
 11
 12If you are unsure which license is appropriate for your use, please contact the sales department at http://www.sencha.com/contact.
 13
 14*/
 15/*!
 16 * Ext JS Library 4.0
 17 * Copyright(c) 2006-2011 Sencha Inc.
 18 * licensing@sencha.com
 19 * http://www.sencha.com/license
 20 */
 21
 22Ext.define('MyDesktop.GridWindow', {
 23    extend: 'Ext.ux.desktop.Module',
 24
 25    requires: [
 26        'Ext.data.ArrayStore',
 27        'Ext.util.Format',
 28        'Ext.grid.Panel',
 29        'Ext.grid.RowNumberer'
 30    ],
 31
 32    id:'grid-win',
 33
 34    init : function(){
 35        this.launcher = {
 36            text: 'Grid Window',
 37            iconCls:'icon-grid',
 38            handler : this.createWindow,
 39            scope: this
 40        };
 41    },
 42
 43    createWindow : function(){
 44        var desktop = this.app.getDesktop();
 45        var win = desktop.getWindow('grid-win');
 46        if(!win){
 47            win = desktop.createWindow({
 48                id: 'grid-win',
 49                title:'Grid Window',
 50                width:740,
 51                height:480,
 52                iconCls: 'icon-grid',
 53                animCollapse:false,
 54                constrainHeader:true,
 55                layout: 'fit',
 56                items: [
 57                    {
 58                        border: false,
 59                        xtype: 'grid',
 60                        store: new Ext.data.ArrayStore({
 61                            fields: [
 62                               { name: 'company' },
 63                               { name: 'price', type: 'float' },
 64                               { name: 'change', type: 'float' },
 65                               { name: 'pctChange', type: 'float' }
 66                            ],
 67                            data: MyDesktop.GridWindow.getDummyData()
 68                        }),
 69                        columns: [
 70                            new Ext.grid.RowNumberer(),
 71                            {
 72                                text: "Company",
 73                                flex: 1,
 74                                sortable: true,
 75                                dataIndex: 'company'
 76                            },
 77                            {
 78                                text: "Price",
 79                                width: 70,
 80                                sortable: true,
 81                                renderer: Ext.util.Format.usMoney,
 82                                dataIndex: 'price'
 83                            },
 84                            {
 85                                text: "Change",
 86                                width: 70,
 87                                sortable: true,
 88                                dataIndex: 'change'
 89                            },
 90                            {
 91                                text: "% Change",
 92                                width: 70,
 93                                sortable: true,
 94                                dataIndex: 'pctChange'
 95                            }
 96                        ]
 97                    }
 98                ],
 99                tbar:[{
100                    text:'Add Something',
101                    tooltip:'Add a new row',
102                    iconCls:'add'
103                }, '-', {
104                    text:'Options',
105                    tooltip:'Blah blah blah blaht',
106                    iconCls:'option'
107                },'-',{
108                    text:'Remove Something',
109                    tooltip:'Remove the selected item',
110                    iconCls:'remove'
111                }]
112            });
113        }
114        win.show();
115        return win;
116    },
117
118    statics: {
119        getDummyData: function () {
120            return [
121                ['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
122                ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
123                ['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
124                ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
125                ['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
126                ['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
127                ['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
128                ['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
129                ['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
130                ['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
131                ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
132                ['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
133                ['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
134                ['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
135                ['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
136                ['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
137                ['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
138                ['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
139                ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am'],
140                ['Walt Disney Company (The) (Holding Company)',29.89,0.24,0.81,'9/1 12:00am']
141            ];
142        }
143    }
144});
145
146