在 Sencha Touch 中进行自定义排序存储

发布于 2024-11-01 05:16:25 字数 519 浏览 2 评论 0 原文

我有一个商店 + 模型，它连接到第 3 方插件 (Ext.ux.TouchGridPanel)。该插件使用相关映射正确调用商店的 sort() 方法。一切都运转良好，商店自行整理。不过，我更愿意在商店中添加顾客分类功能。我尝试将 sortType 字段添加到我的模型中：

Ext.regModel("Transactions", {
    fields: [
        {
            name: 'unit',
            type: 'string',
            sortType: function(value) {
                console.log('PRINT GDAMNIT');
                return 0;
            }
        },

        ...

    ]
});

但是，这不起作用，并且 sortType 没有被调用。

TLDR：如何为商店进行自定义排序？

原文

I have a store + model which is connected to a 3rd party plugin (Ext.ux.TouchGridPanel). The plugin calls the store's sort() method properly with the relevant mapping. Everything is working fine, and the store sorts itself. However, I would prefer to add customer sorting to the store. I have tried adding a sortType field into my model:

Ext.regModel("Transactions", {
    fields: [
        {
            name: 'unit',
            type: 'string',
            sortType: function(value) {
                console.log('PRINT GDAMNIT');
                return 0;
            }
        },

        ...

    ]
});

This, however, is not working, and the sortType is not getting called.

TLDR: How to make custom sorting work for stores?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

蓬勃野心 2024-11-08 05:16:25

您的商店需要添加一个排序器，该排序器将在调用 sortType 函数之前对该字段进行排序。

var store = new Ext.data.Store({ 
   model: 'Transactions',
   sorters: [
      {
        property: 'unit',
        direction: 'DESC'
      }
   ]}
);

排序类型将一个字段的值转换为另一个字段的值值以确保正确排序。如果您没有对该字段进行排序，则没有理由调用该函数。您可以将 sortDir 添加到字段，该字段将仅根据字段的类型将字段排序为升序/降序。

Your store will need a sorter added that will sort on that field before it will call the sortType function.

var store = new Ext.data.Store({ 
   model: 'Transactions',
   sorters: [
      {
        property: 'unit',
        direction: 'DESC'
      }
   ]}
);

Sort type converts the value of a field into another value to ensure proper ordering. If you aren't sorting on that field than there is no reason to call that function. You could add the sortDir to the field which would sort the field into ascending/descending order based on the type of the field alone.

回复收藏 0 原文

樱花坊 2024-11-08 05:16:25

解决方法可能是（我知道这听起来效率低下，但请耐心等待）向模型实例添加一个额外的字段（我们称之为 sortField）并将其用于排序功能。然后，您可以应用自定义排序算法循环遍历商店中的模型实例，并将排序值 0、1、2、3、4、5 等分配给 sortField。然后在您的商店中，您可以添加 'sorters: 'sortField'...希望这能有所帮助，我目前正在经历类似的事情。

回复收藏 0 原文

毁梦 2024-11-08 05:16:25

Sencha Touch 2 中的自定义 SortType 会相应地工作，按照 http://docs.sencha.com/touch/2-0/#!/api/Ext.data.SortTypes：

Ext.apply(Ext.data.SortTypes, {
    asPerson: function(person){
        // expects an object with a first and last name property
        return person.lastName.toUpperCase() + person.firstName.toLowerCase();
    }
});

Ext.define('Employee', {
    extend: 'Ext.data.Model',
    config: {
        fields: [{
            name: 'person',
            sortType: 'asPerson'
        }, {
            name: 'salary',
            type: 'float' // sortType set to asFloat
        }]
    }
});

The custom SortType in Sencha Touch 2 works accordingly, as per http://docs.sencha.com/touch/2-0/#!/api/Ext.data.SortTypes:

Ext.apply(Ext.data.SortTypes, {
    asPerson: function(person){
        // expects an object with a first and last name property
        return person.lastName.toUpperCase() + person.firstName.toLowerCase();
    }
});

Ext.define('Employee', {
    extend: 'Ext.data.Model',
    config: {
        fields: [{
            name: 'person',
            sortType: 'asPerson'
        }, {
            name: 'salary',
            type: 'float' // sortType set to asFloat
        }]
    }
});

回复收藏 0 原文