X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..7a654f8d43fdb43d78b63d90528bed6e86b608cc:/docs/source/Date2.html diff --git a/docs/source/Date2.html b/docs/source/Date2.html new file mode 100644 index 00000000..0188a0b6 --- /dev/null +++ b/docs/source/Date2.html @@ -0,0 +1,64 @@ +
\ No newline at end of file/** + * @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 + * {@link #format}. + * + * {@img Ext.grid.column.Date/Ext.grid.column.Date.png Ext.grid.column.Date grid column} + * + * ## Code + * + * 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'} + * ], + * data:[ + * {symbol:"msft", date:'2011/04/22', change:2.43, volume:61606325, topday:'04/01/2010'}, + * {symbol:"goog", date:'2011/04/22', change:0.81, volume:3053782, topday:'04/11/2010'}, + * {symbol:"apple", date:'2011/04/22', change:1.35, volume:24484858, topday:'04/28/2010'}, + * {symbol:"sencha", date:'2011/04/22', change:8.85, volume:5556351, topday:'04/22/2010'} + * ] + * }); + * + * Ext.create('Ext.grid.Panel', { + * 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'} + * ], + * height: 200, + * width: 450, + * renderTo: Ext.getBody() + * }); + * + * @xtype datecolumn + */ +Ext.define('Ext.grid.column.Date', { + extend: 'Ext.grid.column.Column', + alias: ['widget.datecolumn'], + requires: ['Ext.Date'], + alternateClassName: 'Ext.grid.DateColumn', + + /** + * @cfg {String} format + * A formatting string as used by {@link Date#format Date.format} to format a Date for this Column. + * 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); + } +});