如何更改Extjs组合下拉列表中的数据？

Question

如何更改Extjs组合下拉列表中的数据？

我有组合框，我正在尝试加载数据。我想将我的数据放置以进行一些reg表达。

这是我的Stroe代码。

Ext.define("MyApp.store.combo.country", {
    extend: "Ext.data.Store",
    alias:"widget.country",
    //autoLoad:true,
     fields: [{
            name: 'name',type:'string'
        },{
            name: 'key',type:'int'
        }],
    proxy: {
        type: 'ajax',
        method: 'GET',
        url: '/myCountry/getName',
        reader: {
            type: 'json'                
        }
    },
    listeners: {
        beforeload ( store, operation, eOpts ) {
            console.log("combo before load");
        },

        load: function (_this, records, successful, operation, eOpts) {
            var length = records.length;
            var htmlRegex = new RegExp("<(\"[^\"]*\"|'[^']*'|[^'\">])*>");
            for(var i=0; i<length; i++){
                if(htmlRegex.test(records[i].data.name)){
                    records[i].data.name = records[i].data.name.replace( /(<([^>]+)>)/ig, '');
                }
            }
        }
     }
});

现在，当我单击combobox时，我看不到下拉列表中的数据是精明的（执行而无需通过Regexp）。这第二次工作正常。

因此，我的问题是如何在这种情况下更改数据。

我在加载方法中可以看到的taht尝试。（即使在加载方法之前也没有发生

任何事情。）

Answer 1

我认为最好的方法是使用计算功能。

这样可以确保每次加载或更改商店中的记录时，将会发生正则验证。唯一的缺点是您有另一个领域。

Ext.define("MyApp.store.combo.country", {
    extend: "Ext.data.Store",
    alias: "widget.country",
    fields: [{
        name: 'regexedName',
        type: 'string',
        calculate: function (data) {
            const htmlRegex = new RegExp("<(\"[^\"]*\"|'[^']*'|[^'\">])*>");

            if (htmlRegex.test(data.name)) {
                return data.name.replace(/(<([^>]+)>)/ig, '');
            } else {
                return data.name;
            }
        }
    }, {
        name: 'name', type: 'string'
    }, {
        name: 'key', type: 'int'
    }],
    proxy: {
        type: 'ajax',
        method: 'GET',
        url: '/myCountry/getName',
        reader: {
            type: 'json'
        }
    }
});

Answer 2

您可以详细说明定义 转换 或 在所需字段上计算配置，这样您就可以完全避免处理存储侦听器。

主要区别在于，第一个允许您快速转换字段的值，而最后一个使您可以根据其他记录信息的详细信息创建新的属性/字段。

    // Example *convert* to change the case of a property
    {
        name: 'firstName',
        type: 'string',
        convert: function (value) {
            return value.toUpperCase();
        }
    }

    // Example *calculate* to create the new property "fullName" based on other properties
    {
        name: 'fullName',
        type: 'string',
        convert: function (data) {
            return data.firstName + ' ' + data.lastName;
        }
    }