javascript - 如何将自定义排序添加到 ext 网格

Question

假设我有数据集：

[{ 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

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

Ext（我使用的是 Ext 4.2）中是否有一种简单的方法可以按 id 对名称列进行排序？

Answer 1

只需配置sorters商店的选项：

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

或者sort方法...