examples/desktop/GridWindow.js

   1 /*
   2
   3 This file is part of Ext JS 4
   4
   5 Copyright (c) 2011 Sencha Inc
   6
   7 Contact:  http://www.sencha.com/contact
   8
   9 GNU General Public License Usage
  10 This 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
  12 If 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
  22 Ext.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