Clear Up
SharpKit Reference

Date Class

A Column definition class which renders a passed date according to the default locale, or a configured format.

  
    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()
            });
            

Namespace: Ext.grid.column

Constructors

Fields

Name Description
format A formatting string as used by Ext.Date.format to format a Date for this Column. Defaults to the default date from Ext.Date.defaultFormat which itself my be overridden in a locale file.
© Copyright 2005-2011 SharpKit. All rights reserved.