/*
|
This file is part of Ext JS 4.2
|
|
Copyright (c) 2011-2013 Sencha Inc
|
|
Contact: http://www.sencha.com/contact
|
|
GNU General Public License Usage
|
This file may be used under the terms of the GNU General Public License version 3.0 as
|
published by the Free Software Foundation and appearing in the file LICENSE included in the
|
packaging of this file.
|
|
Please review the following information to ensure the GNU General Public License version 3.0
|
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
|
|
If you are unsure which license is appropriate for your use, please contact the sales department
|
at http://www.sencha.com/contact.
|
|
Build date: 2013-05-16 14:36:50 (f9be68accb407158ba2b1be2c226a6ce1f649314)
|
*/
|
/**
|
* A Column definition class which renders a passed date according to the default locale, or a configured
|
* {@link #format}.
|
*
|
* @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' }
|
* ],
|
* 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()
|
* });
|
*/
|
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 Ext.Date#format} to format a Date for this Column.
|
*
|
* Defaults to the default date from {@link Ext.Date#defaultFormat} which itself my be overridden
|
* in a locale file.
|
*/
|
|
/**
|
* @cfg {Object} renderer
|
* @hide
|
*/
|
|
/**
|
* @cfg {Object} scope
|
* @hide
|
*/
|
|
initComponent: function(){
|
if (!this.format) {
|
this.format = Ext.Date.defaultFormat;
|
}
|
|
this.callParent(arguments);
|
},
|
|
defaultRenderer: function(value){
|
return Ext.util.Format.date(value, this.format);
|
}
|
});
|