在ExtJS中单击标题时对网格中的日期列进行排序

时间:2014-07-22 14:17:36

标签: javascript sorting extjs

在我的页面中,我在网格中有一列。单击标题时,日期不按我的预期排序。我的设置如下:

{ 
    id: 'dateOfBirth',
    header: 'DOB', 
    flex: 1,
    sortable: true, 
    dataIndex: 'dateOfBirth',
    filterable: true,
    filter: {
        type: 'date', 
        dateFormat : 'd-M-Y'
    }
} 

我的“升序”顺序中的数据导致行显示:

01-jan-1990
01-feb-1990
12-jan-1990  <-- wrong
02-mar-1990

......而我希望看到:

01-jan-1990
12-jan-1990 
01-feb-1990
02-mar-1990

有人能指出我正确的方向吗?

1 个答案:

答案 0 :(得分:1)

从您的问题中说出来有点难以理解,但看起来您正在混合来自不同组件的属性 - 我假设您的配置对象是针对网格但是{{1 }}属性属于模型dateFormat可能存在于商店,但我认为您误解了其目的。

首先确保您的日期正确建模,例如:

filters

其次,请确保在网格配置中使用Ext.define('MyModel', { extend: 'Ext.data.Model', fields: [ { name: 'dateOfBirth', type: 'date', dateFormat: 'd-M-Y' } ] }); 类型:

datecolumn

» fiddle