docs/source/Date2.html

   1 <!DOCTYPE html><html><head><title>Sencha Documentation Project</title><link rel="stylesheet" href="../reset.css" type="text/css"><link rel="stylesheet" href="../prettify.css" type="text/css"><link rel="stylesheet" href="../prettify_sa.css" type="text/css"><script type="text/javascript" src="../prettify.js"></script></head><body onload="prettyPrint()"><pre class="prettyprint"><pre><span id='Ext-grid.column.Date'>/**
   2 </span> * @class Ext.grid.column.Date
   3  * @extends Ext.grid.column.Column
   4  *
   5  * A Column definition class which renders a passed date according to the default locale, or a configured
   6  * {@link #format}.
   7  *
   8  * {@img Ext.grid.column.Date/Ext.grid.column.Date.png Ext.grid.column.Date grid column}
   9  *
  10  * ## Code
  11  *
  12  *     Ext.create('Ext.data.Store', {
  13  *         storeId:'sampleStore',
  14  *         fields:[
  15  *             {name: 'symbol', type: 'string'},
  16  *             {name: 'date', type: 'date'},
  17  *             {name: 'change', type: 'number'},
  18  *             {name: 'volume', type: 'number'},
  19  *             {name: 'topday', type: 'date'}
  20  *         ],
  21  *         data:[
  22  *             {symbol:&quot;msft&quot;, date:'2011/04/22', change:2.43, volume:61606325, topday:'04/01/2010'},
  23  *             {symbol:&quot;goog&quot;, date:'2011/04/22', change:0.81, volume:3053782, topday:'04/11/2010'},
  24  *             {symbol:&quot;apple&quot;, date:'2011/04/22', change:1.35, volume:24484858, topday:'04/28/2010'},
  25  *             {symbol:&quot;sencha&quot;, date:'2011/04/22', change:8.85, volume:5556351, topday:'04/22/2010'}
  26  *         ]
  27  *     });
  28  *
  29  *     Ext.create('Ext.grid.Panel', {
  30  *         title: 'Date Column Demo',
  31  *         store: Ext.data.StoreManager.lookup('sampleStore'),
  32  *         columns: [
  33  *             {text: 'Symbol',  dataIndex: 'symbol', flex: 1},
  34  *             {text: 'Date',  dataIndex: 'date', xtype: 'datecolumn', format:'Y-m-d'},
  35  *             {text: 'Change',  dataIndex: 'change', xtype: 'numbercolumn', format:'0.00'},
  36  *             {text: 'Volume',  dataIndex: 'volume', xtype: 'numbercolumn', format:'0,000'},
  37  *             {text: 'Top Day',  dataIndex: 'topday', xtype: 'datecolumn', format:'l'}
  38  *         ],
  39  *         height: 200,
  40  *         width: 450,
  41  *         renderTo: Ext.getBody()
  42  *     });
  43  *
  44  * @xtype datecolumn
  45  */
  46 Ext.define('Ext.grid.column.Date', {
  47     extend: 'Ext.grid.column.Column',
  48     alias: ['widget.datecolumn'],
  49     requires: ['Ext.Date'],
  50     alternateClassName: 'Ext.grid.DateColumn',
  51
  52 <span id='Ext-grid.column.Date-cfg-format'>    /**
  53 </span>     * @cfg {String} format
  54      * A formatting string as used by {@link Date#format Date.format} to format a Date for this Column.
  55      * This defaults to the default date from {@link Ext.Date#defaultFormat} which itself my be overridden
  56      * in a locale file.
  57      */
  58     format : Ext.Date.defaultFormat,
  59
  60     constructor: function(cfg){
  61         this.callParent(arguments);
  62         this.renderer = Ext.util.Format.dateRenderer(this.format);
  63     }
  64 });</pre></pre></body></html>