如何向ext网格添加自定义排序

时间:2013-06-22 00:24:21

标签: javascript sorting extjs

假设我有数据集:

[{ id: 1, name: "C" }, { id: 2, name: "A" }, { id: 3, name: "D" }]

当我为网格构建类似于此的列:

this.columns = 

{
        id: {
            hidden: true
        }, 

        name: {
            text: 'Name',
            editor: {
                xtype: "textfield"
            }
        }
};

当我对“名称”列进行排序时,我希望它按“id”排序,而不是按字母顺序排序。

所以不要像这样排序:A,C,D 我希望它是:C,A,D

我尝试在名称列上使用dataIndex:'id',然后将id映射到正确的名称以用于显示目的,但这会干扰我的编辑功能。

Ext(我使用Ext 4.2)是否有一种简单的方法可以按ID对名称列进行排序?

1 个答案:

答案 0 :(得分:1)

只需配置商店的sorters选项:

store: {
    ...
    sorters: [{property: 'id', direction: 'ASC'}]
}

sort方法......