ExtJS前端自定义计算id字段失效，自动生成id致去重异常

我之前也碰到过类似的ExtJS字段计算问题，你的情况其实是因为ExtJS对id字段有特殊的内置处理逻辑：

• id是ExtJS默认的记录唯一标识字段，框架会自动将它关联到记录的internalId。当加载数据时，框架会优先自动生成或使用原始数据中的id值，直接跳过你定义的convert函数，这就是为什么你看到id始终是自动生成的。
• Store的去重功能依赖于idProperty配置（默认值就是id），但实际生效的是框架自动生成的id，而非你计算后的结果，所以去重逻辑自然失效了。

方案1：避免使用id作为计算字段（推荐） #

改用自定义字段名（比如calculatedId），同时将Store的idProperty设置为这个字段，让框架基于计算后的字段完成去重：

// 定义Model
Ext.define('MyModel', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'test', type: 'int' },
        // 改用自定义字段名，避开内置的id字段
        { 
            name: 'calculatedId', 
            depends: ['test'], 
            convert: function(v, rec) { 
                return rec.get('test') % 10; 
            } 
        }
    ],
    // 指定Store基于计算后的字段去重
    idProperty: 'calculatedId'
});

// 创建Store并加载数据
Ext.create('Ext.data.Store', {
    model: 'MyModel',
    data: [
        { test: 1 },
        { test: 2 },
        { test: 3 },
        { test: 5 },
        { test: 11 }
    ]
});

这样处理后，calculatedId会正确执行转换逻辑，test=1和test=11的记录会因为calculatedId相同被自动去重。

方案2：强制覆盖id字段的处理逻辑（不推荐，易引发异常） #

如果一定要保留id作为字段名，需要显式禁用框架对id的特殊处理，同时确保idProperty指向id：

Ext.define('MyModel', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'test', type: 'int' },
        { 
            name: 'id', 
            depends: ['test'], 
            convert: function(v, rec) { 
                // 强制返回计算值，忽略原始传入的v值
                return rec.get('test') % 10; 
            },
            // 标记该字段无引用关系，规避框架特殊处理
            reference: null
        }
    ],
    idProperty: 'id'
});

注意：这种方式可能会和ExtJS内部的记录标识、组件绑定、数据同步逻辑冲突，所以仅在特殊场景下使用。

内容的提问来源于stack exchange，提问作者Alexander