开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > JavaScript > 查看源码
grid-configs.js
资源名称：ext-3.1.0.zip　[点击查看]
上传用户：dawnssy
上传日期：2022-08-06
资源大小：9345k
文件大小：9k
源码类别：

JavaScript

开发平台：

JavaScript

grid-configs.js：源码内容
  1. /*!
  2.  * Ext JS Library 3.1.0
  3.  * Copyright(c) 2006-2009 Ext JS, LLC
  4.  * licensing@extjs.com
  5.  * http://www.extjs.com/license
  6.  */
  7. /*!
  8.  * Ext JS Library 3.1.0
  9.  * Copyright(c) 2006-2009 Ext JS, LLC
  10.  * licensing@extjs.com
  11.  * http://www.extjs.com/license
  12.  */
  13. /*!
  14.  * Ext JS Library 3.1.0
  15.  * Copyright(c) 2006-2009 Ext JS, LLC
  16.  * licensing@extjs.com
  17.  * http://www.extjs.com/license
  18.  */
  19. /*!
  20.  * Ext JS Library 3.1.0
  21.  * Copyright(c) 2006-2009 Ext JS, LLC
  22.  * licensing@extjs.com
  23.  * http://www.extjs.com/license
  24.  */
  25. /*!
  26.  * Ext JS Library 3.1.0
  27.  * Copyright(c) 2006-2009 Ext JS, LLC
  28.  * licensing@extjs.com
  29.  * http://www.extjs.com/license
  30.  */
  31. /*!
  32.  * Ext JS Library 3.1.0
  33.  * Copyright(c) 2006-2009 Ext JS, LLC
  34.  * licensing@extjs.com
  35.  * http://www.extjs.com/license
  36.  */
  37. /*!
  38.  * Ext JS Library 3.1.0
  39.  * Copyright(c) 2006-2009 Ext JS, LLC
  40.  * licensing@extjs.com
  41.  * http://www.extjs.com/license
  42.  */
  43. /*!
  44.  * Ext JS Library 3.1.0
  45.  * Copyright(c) 2006-2009 Ext JS, LLC
  46.  * licensing@extjs.com
  47.  * http://www.extjs.com/license
  48.  */
  49. /*!
  50.  * Ext JS Library 3.1.0
  51.  * Copyright(c) 2006-2009 Ext JS, LLC
  52.  * licensing@extjs.com
  53.  * http://www.extjs.com/license
  54.  */
  55. /*!
  56.  * Ext JS Library 3.1.0
  57.  * Copyright(c) 2006-2009 Ext JS, LLC
  58.  * licensing@extjs.com
  59.  * http://www.extjs.com/license
  60.  */
  61. /*!
  62.  * Ext JS Library 3.1.0
  63.  * Copyright(c) 2006-2009 Ext JS, LLC
  64.  * licensing@extjs.com
  65.  * http://www.extjs.com/license
  66.  */
  67. /*!
  68.  * Ext JS Library 3.1.0
  69.  * Copyright(c) 2006-2009 Ext JS, LLC
  70.  * licensing@extjs.com
  71.  * http://www.extjs.com/license
  72.  */
  73. /*!
  74.  * Ext JS Library 3.1.0
  75.  * Copyright(c) 2006-2009 Ext JS, LLC
  76.  * licensing@extjs.com
  77.  * http://www.extjs.com/license
  78.  */
  79. /*!
  80.  * Ext JS Library 3.1.0
  81.  * Copyright(c) 2006-2009 Ext JS, LLC
  82.  * licensing@extjs.com
  83.  * http://www.extjs.com/license
  84.  */
  85. /*!
  86.  * Ext JS Library 3.1.0
  87.  * Copyright(c) 2006-2009 Ext JS, LLC
  88.  * licensing@extjs.com
  89.  * http://www.extjs.com/license
  90.  */
  91. /*!
  92.  * Ext JS Library 3.1.0
  93.  * Copyright(c) 2006-2009 Ext JS, LLC
  94.  * licensing@extjs.com
  95.  * http://www.extjs.com/license
  96.  */
  97. /*!
  98.  * Ext JS Library 3.1.0
  99.  * Copyright(c) 2006-2009 Ext JS, LLC
  100.  * licensing@extjs.com
  101.  * http://www.extjs.com/license
  102.  */
  103. /*!
  104.  * Ext JS Library 3.1.0
  105.  * Copyright(c) 2006-2009 Ext JS, LLC
  106.  * licensing@extjs.com
  107.  * http://www.extjs.com/license
  108.  */
  109. /*!
  110.  * Ext JS Library 3.1.0
  111.  * Copyright(c) 2006-2009 Ext JS, LLC
  112.  * licensing@extjs.com
  113.  * http://www.extjs.com/license
  114.  */
  115. /*!
  116.  * Ext JS Library 3.1.0
  117.  * Copyright(c) 2006-2009 Ext JS, LLC
  118.  * licensing@extjs.com
  119.  * http://www.extjs.com/license
  120.  */
  121. /*!
  122.  * Ext JS Library 3.1.0
  123.  * Copyright(c) 2006-2009 Ext JS, LLC
  124.  * licensing@extjs.com
  125.  * http://www.extjs.com/license
  126.  */
  127. /*!
  128.  * Ext JS Library 3.1.0
  129.  * Copyright(c) 2006-2009 Ext JS, LLC
  130.  * licensing@extjs.com
  131.  * http://www.extjs.com/license
  132.  */
  133. /*!
  134.  * Ext JS Library 3.1.0
  135.  * Copyright(c) 2006-2009 Ext JS, LLC
  136.  * licensing@extjs.com
  137.  * http://www.extjs.com/license
  138.  */
  139. /*!
  140.  * Ext JS Library 3.1.0
  141.  * Copyright(c) 2006-2009 Ext JS, LLC
  142.  * licensing@extjs.com
  143.  * http://www.extjs.com/license
  144.  */
  145. /*!
  146.  * Ext JS Library 3.1.0
  147.  * Copyright(c) 2006-2009 Ext JS, LLC
  148.  * licensing@extjs.com
  149.  * http://www.extjs.com/license
  150.  */
  151. /*!
  152.  * Ext JS Library 3.1.0
  153.  * Copyright(c) 2006-2009 Ext JS, LLC
  154.  * licensing@extjs.com
  155.  * http://www.extjs.com/license
  156.  */
  157. /*!
  158.  * Ext JS Library 3.1.0
  159.  * Copyright(c) 2006-2009 Ext JS, LLC
  160.  * licensing@extjs.com
  161.  * http://www.extjs.com/license
  162.  */
  163. /*!
  164.  * Ext JS Library 3.1.0
  165.  * Copyright(c) 2006-2009 Ext JS, LLC
  166.  * licensing@extjs.com
  167.  * http://www.extjs.com/license
  168.  */
  169. /*!
  170.  * Ext JS Library 3.1.0
  171.  * Copyright(c) 2006-2009 Ext JS, LLC
  172.  * licensing@extjs.com
  173.  * http://www.extjs.com/license
  174.  */
  175. /*!
  176.  * Ext JS Library 3.1.0
  177.  * Copyright(c) 2006-2009 Ext JS, LLC
  178.  * licensing@extjs.com
  179.  * http://www.extjs.com/license
  180.  */
  181. /*!
  182.  * Ext JS Library 3.1.0
  183.  * Copyright(c) 2006-2009 Ext JS, LLC
  184.  * licensing@extjs.com
  185.  * http://www.extjs.com/license
  186.  */
  187. /*!
  188.  * Ext JS Library 3.1.0
  189.  * Copyright(c) 2006-2009 Ext JS, LLC
  190.  * licensing@extjs.com
  191.  * http://www.extjs.com/license
  192.  */
  193. /*!
  194.  * Ext JS Library 3.1.0
  195.  * Copyright(c) 2006-2009 Ext JS, LLC
  196.  * licensing@extjs.com
  197.  * http://www.extjs.com/license
  198.  */
  199. /*!
  200.  * Ext JS Library 3.1.0
  201.  * Copyright(c) 2006-2009 Ext JS, LLC
  202.  * licensing@extjs.com
  203.  * http://www.extjs.com/license
  204.  */
  205. /*!
  206.  * Ext JS Library 3.1.0
  207.  * Copyright(c) 2006-2009 Ext JS, LLC
  208.  * licensing@extjs.com
  209.  * http://www.extjs.com/license
  210.  */
  211. /*!
  212.  * Ext JS Library 3.1.0
  213.  * Copyright(c) 2006-2009 Ext JS, LLC
  214.  * licensing@extjs.com
  215.  * http://www.extjs.com/license
  216.  */
  217. /*!
  218.  * Ext JS Library 3.1.0
  219.  * Copyright(c) 2006-2009 Ext JS, LLC
  220.  * licensing@extjs.com
  221.  * http://www.extjs.com/license
  222.  */
  223. /*!
  224.  * Ext JS Library 3.1.0
  225.  * Copyright(c) 2006-2009 Ext JS, LLC
  226.  * licensing@extjs.com
  227.  * http://www.extjs.com/license
  228.  */
  229. /*!
  230.  * Ext JS Library 3.1.0
  231.  * Copyright(c) 2006-2009 Ext JS, LLC
  232.  * licensing@extjs.com
  233.  * http://www.extjs.com/license
  234.  */
  235. /*!
  236.  * Ext JS Library 3.1.0
  237.  * Copyright(c) 2006-2009 Ext JS, LLC
  238.  * licensing@extjs.com
  239.  * http://www.extjs.com/license
  240.  */
  241. /*!
  242.  * Ext JS Library 3.1.0
  243.  * Copyright(c) 2006-2009 Ext JS, LLC
  244.  * licensing@extjs.com
  245.  * http://www.extjs.com/license
  246.  */
  247. /*!
  248.  * Ext JS Library 3.1.0
  249.  * Copyright(c) 2006-2009 Ext JS, LLC
  250.  * licensing@extjs.com
  251.  * http://www.extjs.com/license
  252.  */
  253. /*!
  254.  * Ext JS Library 3.1.0
  255.  * Copyright(c) 2006-2009 Ext JS, LLC
  256.  * licensing@extjs.com
  257.  * http://www.extjs.com/license
  258.  */
  260. // Data for the grid config.
  262. var myData = [
  263.     ['3m Co',71.72,0.02,0.03,'9/1 12:00am'],
  264.     ['Alcoa Inc',29.01,0.42,1.47,'9/1 12:00am'],
  265.     ['Altria Group Inc',83.81,0.28,0.34,'9/1 12:00am'],
  266.     ['American Express Company',52.55,0.01,0.02,'9/1 12:00am'],
  267.     ['American International Group, Inc.',64.13,0.31,0.49,'9/1 12:00am'],
  268.     ['AT&T Inc.',31.61,-0.48,-1.54,'9/1 12:00am'],
  269.     ['Boeing Co.',75.43,0.53,0.71,'9/1 12:00am'],
  270.     ['Caterpillar Inc.',67.27,0.92,1.39,'9/1 12:00am'],
  271.     ['Citigroup, Inc.',49.37,0.02,0.04,'9/1 12:00am'],
  272.     ['E.I. du Pont de Nemours and Company',40.48,0.51,1.28,'9/1 12:00am'],
  273.     ['Exxon Mobil Corp',68.1,-0.43,-0.64,'9/1 12:00am'],
  274.     ['General Electric Company',34.14,-0.08,-0.23,'9/1 12:00am'],
  275.     ['General Motors Corporation',30.27,1.09,3.74,'9/1 12:00am'],
  276.     ['Hewlett-Packard Co.',36.53,-0.03,-0.08,'9/1 12:00am'],
  277.     ['Honeywell Intl Inc',38.77,0.05,0.13,'9/1 12:00am'],
  278.     ['Intel Corporation',19.88,0.31,1.58,'9/1 12:00am'],
  279.     ['International Business Machines',81.41,0.44,0.54,'9/1 12:00am'],
  280.     ['Johnson & Johnson',64.72,0.06,0.09,'9/1 12:00am'],
  281.     ['JP Morgan & Chase & Co',45.73,0.07,0.15,'9/1 12:00am'],
  282.     ['McDonald's Corporation',36.76,0.86,2.40,'9/1 12:00am'],
  283.     ['Merck & Co., Inc.',40.96,0.41,1.01,'9/1 12:00am'],
  284.     ['Microsoft Corporation',25.84,0.14,0.54,'9/1 12:00am'],
  285.     ['Pfizer Inc',27.96,0.4,1.45,'9/1 12:00am'],
  286.     ['The Coca-Cola Company',45.07,0.26,0.58,'9/1 12:00am'],
  287.     ['The Home Depot, Inc.',34.64,0.35,1.02,'9/1 12:00am'],
  288.     ['The Procter & Gamble Company',61.91,0.01,0.02,'9/1 12:00am'],
  289.     ['United Technologies Corporation',63.26,0.55,0.88,'9/1 12:00am'],
  290.     ['Verizon Communications',35.57,0.39,1.11,'9/1 12:00am'],            
  291.     ['Wal-Mart Stores, Inc.',45.45,0.73,1.63,'9/1 12:00am']
  292. ];
  294. /**
  295.  * Custom function used for column renderer
  296.  * @param {Object} val
  297.  */
  298. function change(val){
  300.     if(val > 0){
  301.         return '<span style="color:green;">' + val + '</span>';
  302.     }else if(val < 0){
  303.         return '<span style="color:red;">' + val + '</span>';
  304.     }
  305.     return val;
  306. }
  308. /**
  309.  * Custom function used for column renderer
  310.  * @param {Object} val
  311.  */
  312. function pctChange(val){
  314.     if(val > 0){
  315.         return '<span style="color:green;">' + val + '%</span>';
  316.     }else if(val < 0){
  317.         return '<span style="color:red;">' + val + '%</span>';
  318.     }
  319.     return val;
  320. }
  322. // create the data store
  323. var store = new Ext.data.ArrayStore({
  325.     fields: [
  326.        {name: 'company'},
  327.        {name: 'price', type: 'float'},
  328.        {name: 'change', type: 'float'},
  329.        {name: 'pctChange', type: 'float'},
  330.        {name: 'lastChange', type: 'date', dateFormat: 'n/j h:ia'}
  331.     ]
  332. });
  334. // manually load local data
  335. store.loadData(myData);
  337. // There is only 1 grid config.
  339. var gridConfigs = [{
  340.    //
  341.    // -- grid config 1
  342.    //
  343.    xtype: 'grid',
  344.    baseCls: 'x-bubble',
  345.    frame: true,
  346.    border: false,
  348.    height: 440,
  349.    width: 680,
  350.    monitorWindowResize: false,
  352.    store: store,
  354.    columns: [
  355.       {id:'company',header: 'Company', width: 160, sortable: true, dataIndex: 'company'},
  356.       {header: 'Price', width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price'},
  357.       {header: 'Change', width: 75, sortable: true, renderer: change, dataIndex: 'change'},
  358.       {header: '% Change', width: 75, sortable: true, renderer: pctChange, dataIndex: 'pctChange'},
  359.       {header: 'Last Updated', width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
  360.    ],
  361.    stripeRows: true,
  362.    autoExpandColumn: 'company'
  363. },{
  364.    //
  365.    // -- grid config 2
  366.    //
  367. }];