ExtJS Store同步时固定发送指定ID替代自动生成内部ID的咨询

你可以通过修改ExtJS的序列化、ID获取逻辑实现需求，以下是3种可落地的方案：

方案1：重写Model的getId()方法（最简洁） #

ExtJS提交数据时会调用Model实例的getId()方法获取ID值，直接重写该方法返回固定值即可：

Ext.define('YourUserModel', {
    extend: 'Ext.data.Model',
    fields: ['name', 'age', 'id'],
    // 重写ID获取逻辑
    getId: function() {
        return 10;
    }
});

如果仅新增场景需要固定ID、编辑场景保留原有ID，可以加phantom状态判断（新增未持久化的Model默认会标记为phantom）：

getId: function() {
    return this.phantom ? 10 : this.callParent(arguments);
}

方案2：在Store的write事件中修改提交数据 #

如果不想修改全局Model定义，可以仅在目标Store的同步前事件中修改ID：

Ext.create('Ext.data.Store', {
    model: 'YourUserModel',
    proxy: {
        type: 'ajax',
        url: '你的服务端同步接口地址',
        writer: {
            type: 'json',
            rootProperty: 'data'
        }
    },
    listeners: {
        beforewrite: function(store, operation) {
            operation.getRecords().forEach(record => {
                record.set('id', 10, {
                    // 避免标记字段为脏数据触发重复提交
                    dirty: false
                });
            });
        }
    }
});

方案3：自定义Proxy的Writer逻辑 #

如果需要同时调整其他提交字段的格式，可以重写Writer的序列化方法统一替换ID：

proxy: {
    type: 'ajax',
    url: '你的服务端同步接口地址',
    writer: {
        type: 'json',
        rootProperty: 'data',
        getRecordData: function(record, operation) {
            const data = this.callParent(arguments);
            // 序列化阶段替换ID为固定值
            data.id = 10;
            return data;
        }
    }
}

可以根据你的业务范围选方案：全局Model生效选方案1，单个Store生效选方案2，需要自定义提交格式选方案3。

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