Upgrade to ExtJS 4.0.7 - Released 10/19/2011
[extjs.git] / docs / source / Date3.html
index f5a52d6..c780ba7 100644 (file)
@@ -3,8 +3,8 @@
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>The source code</title>
-  <link href="../prettify/prettify.css" type="text/css" rel="stylesheet" />
-  <script type="text/javascript" src="../prettify/prettify.js"></script>
+  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
+  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
   <style type="text/css">
     .highlight { display: block; background-color: #ddd; }
   </style>
 </head>
 <body onload="prettyPrint(); highlight();">
   <pre class="prettyprint lang-js"><span id='Ext-grid-column-Date'>/**
-</span> * @class Ext.grid.column.Date
- * @extends Ext.grid.column.Column
- *
- * A Column definition class which renders a passed date according to the default locale, or a configured
+</span> * A Column definition class which renders a passed date according to the default locale, or a configured
  * {@link #format}.
  *
- * {@img Ext.grid.column.Date/Ext.grid.column.Date.png Ext.grid.column.Date grid column}
- *
- * ## Code
- *
+ *     @example
  *     Ext.create('Ext.data.Store', {
  *         storeId:'sampleStore',
  *         fields:[
- *             {name: 'symbol', type: 'string'},
- *             {name: 'date', type: 'date'},
- *             {name: 'change', type: 'number'},
- *             {name: 'volume', type: 'number'},
- *             {name: 'topday', type: 'date'}                        
+ *             { name: 'symbol', type: 'string' },
+ *             { name: 'date',   type: 'date' },
+ *             { name: 'change', type: 'number' },
+ *             { name: 'volume', type: 'number' },
+ *             { name: 'topday', type: 'date' }                        
  *         ],
  *         data:[
- *             {symbol:&quot;msft&quot;, date:'2011/04/22', change:2.43, volume:61606325, topday:'04/01/2010'},
- *             {symbol:&quot;goog&quot;, date:'2011/04/22', change:0.81, volume:3053782, topday:'04/11/2010'},
- *             {symbol:&quot;apple&quot;, date:'2011/04/22', change:1.35, volume:24484858, topday:'04/28/2010'},            
- *             {symbol:&quot;sencha&quot;, date:'2011/04/22', change:8.85, volume:5556351, topday:'04/22/2010'}            
+ *             { symbol: &quot;msft&quot;,   date: '2011/04/22', change: 2.43, volume: 61606325, topday: '04/01/2010' },
+ *             { symbol: &quot;goog&quot;,   date: '2011/04/22', change: 0.81, volume: 3053782,  topday: '04/11/2010' },
+ *             { symbol: &quot;apple&quot;,  date: '2011/04/22', change: 1.35, volume: 24484858, topday: '04/28/2010' },            
+ *             { symbol: &quot;sencha&quot;, date: '2011/04/22', change: 8.85, volume: 5556351,  topday: '04/22/2010' }            
  *         ]
  *     });
  *     
  *         title: 'Date Column Demo',
  *         store: Ext.data.StoreManager.lookup('sampleStore'),
  *         columns: [
- *             {text: 'Symbol',  dataIndex: 'symbol', flex: 1},
- *             {text: 'Date',  dataIndex: 'date', xtype: 'datecolumn', format:'Y-m-d'},
- *             {text: 'Change',  dataIndex: 'change', xtype: 'numbercolumn', format:'0.00'},
- *             {text: 'Volume',  dataIndex: 'volume', xtype: 'numbercolumn', format:'0,000'},
- *             {text: 'Top Day',  dataIndex: 'topday', xtype: 'datecolumn', format:'l'}            
+ *             { text: 'Symbol',   dataIndex: 'symbol', flex: 1 },
+ *             { text: 'Date',     dataIndex: 'date',   xtype: 'datecolumn',   format:'Y-m-d' },
+ *             { text: 'Change',   dataIndex: 'change', xtype: 'numbercolumn', format:'0.00' },
+ *             { text: 'Volume',   dataIndex: 'volume', xtype: 'numbercolumn', format:'0,000' },
+ *             { text: 'Top Day',  dataIndex: 'topday', xtype: 'datecolumn',   format:'l' }            
  *         ],
  *         height: 200,
  *         width: 450,
@@ -70,11 +64,15 @@ Ext.define('Ext.grid.column.Date', {
      * This defaults to the default date from {@link Ext.Date#defaultFormat} which itself my be overridden
      * in a locale file.
      */
-    format : Ext.Date.defaultFormat,
 
-    constructor: function(cfg){
-        this.callParent(arguments);
-        this.renderer = Ext.util.Format.dateRenderer(this.format);
+    initComponent: function(){
+        var me = this;
+        
+        me.callParent(arguments);
+        if (!me.format) {
+            me.format = Ext.Date.defaultFormat;
+        }
+        me.renderer = Ext.util.Format.dateRenderer(me.format);
     }
 });</pre>
 </body>