extjs/examples/classic/desktop/app/GridWindow.js

   1 /* !
   2  * Ext JS Library
   3  * Copyright(c) 2006-2014 Sencha Inc.
   4  * licensing@sencha.com
   5  * http://www.sencha.com/license
   6  */
   7
   8 Ext.define('Desktop.GridWindow', {
   9     extend: 'Ext.ux.desktop.Module',
  10
  11     requires: [
  12         'Ext.data.ArrayStore',
  13         'Ext.util.Format',
  14         'Ext.grid.Panel',
  15         'Ext.grid.RowNumberer'
  16     ],
  17
  18     id: 'grid-win',
  19
  20     init: function() {
  21         this.launcher = {
  22             text: 'Grid Window',
  23             iconCls: 'icon-grid'
  24         };
  25     },
  26
  27     createWindow: function() {
  28         var desktop = this.app.getDesktop(),
  29             win = desktop.getWindow('grid-win');
  30
  31         if (!win) {
  32             win = desktop.createWindow({
  33                 id: 'grid-win',
  34                 title: 'Grid Window',
  35                 width: 740,
  36                 height: 480,
  37                 iconCls: 'icon-grid',
  38                 animCollapse: false,
  39                 constrainHeader: true,
  40                 layout: 'fit',
  41                 items: [
  42                     {
  43                         border: false,
  44                         xtype: 'grid',
  45                         store: new Ext.data.ArrayStore({
  46                             fields: [
  47                                 { name: 'company' },
  48                                 { name: 'price', type: 'float' },
  49                                 { name: 'change', type: 'float' },
  50                                 { name: 'pctChange', type: 'float' }
  51                             ],
  52                             data: Desktop.GridWindow.getDummyData()
  53                         }),
  54                         columns: [
  55                             new Ext.grid.RowNumberer(),
  56                             {
  57                                 text: "Company",
  58                                 flex: 1,
  59                                 sortable: true,
  60                                 dataIndex: 'company'
  61                             },
  62                             {
  63                                 text: "Price",
  64                                 width: 70,
  65                                 sortable: true,
  66                                 renderer: Ext.util.Format.usMoney,
  67                                 dataIndex: 'price'
  68                             },
  69                             {
  70                                 text: "Change",
  71                                 width: 70,
  72                                 sortable: true,
  73                                 dataIndex: 'change'
  74                             },
  75                             {
  76                                 text: "% Change",
  77                                 width: 70,
  78                                 sortable: true,
  79                                 dataIndex: 'pctChange'
  80                             }
  81                         ]
  82                     }
  83                 ],
  84                 tbar: [{
  85                     text: 'Add Something',
  86                     tooltip: 'Add a new row',
  87                     iconCls: 'add'
  88                 }, '-', {
  89                     text: 'Options',
  90                     tooltip: 'Modify options',
  91                     iconCls: 'option'
  92                 }, '-', {
  93                     text: 'Remove Something',
  94                     tooltip: 'Remove the selected item',
  95                     iconCls: 'remove'
  96                 }]
  97             });
  98         }
  99
 100         return win;
 101     },
 102
 103     statics: {
 104         getDummyData: function() {
 105             return [
 106                 ['3m Co', 71.72, 0.02, 0.03],
 107                 ['Alcoa Inc', 29.01, 0.42, 1.47],
 108                 ['American Express Company', 52.55, 0.01, 0.02],
 109                 ['American International Group, Inc.', 64.13, 0.31, 0.49],
 110                 ['AT&T Inc.', 31.61, -0.48, -1.54],
 111                 ['Caterpillar Inc.', 67.27, 0.92, 1.39],
 112                 ['Citigroup, Inc.', 49.37, 0.02, 0.04],
 113                 ['Exxon Mobil Corp', 68.1, -0.43, -0.64],
 114                 ['General Electric Company', 34.14, -0.08, -0.23],
 115                 ['General Motors Corporation', 30.27, 1.09, 3.74],
 116                 ['Hewlett-Packard Co.', 36.53, -0.03, -0.08],
 117                 ['Honeywell Intl Inc', 38.77, 0.05, 0.13],
 118                 ['Intel Corporation', 19.88, 0.31, 1.58],
 119                 ['Johnson & Johnson', 64.72, 0.06, 0.09],
 120                 ['Merck & Co., Inc.', 40.96, 0.41, 1.01],
 121                 ['Microsoft Corporation', 25.84, 0.14, 0.54],
 122                 ['The Coca-Cola Company', 45.07, 0.26, 0.58],
 123                 ['The Procter & Gamble Company', 61.91, 0.01, 0.02],
 124                 ['Wal-Mart Stores, Inc.', 45.45, 0.73, 1.63],
 125                 ['Walt Disney Company (The) (Holding Company)', 29.89, 0.24, 0.81]
 126             ];
 127         }
 128     }
 129 });
 130