Question

我通过使用原型添加字段来扩展现有模型。一切正常，数据可以从服务器端接收，可以在客户端使用。但是，当我现在更新我的数据并将其发送回服务器端时，代理的编写者无法识别“新”字段。

更具体一点：我有一个这样的模型：

    Ext.define('Osgaar', {
      extend: 'Ext.data.Model',
      fields: [
        { name: 'first', type: 'string' },
        { name: 'second', type: 'string' },
        { name' 'third', type: 'string' }
      ],

      proxy: {
        type: 'rest',
        url: 'public/svcmethod',
        reader: {
          type: 'json',
          root: 'data'
        },
        writer: {
          type: 'json',
          writeAllFields: false
        }
      }
    });

我正在扩展模型：

    Osgaar.prototype.fields.add({ name: 'fourth', type: 'string' });

我尝试将writeAllFields设置为false以获取传输的所有属性，只有来自已定义模型的属性，而不是使用原型添加的属性（Fiddler确认这一点）。

现在有人在不定义新模型的情况下解决这个问题吗？

提前谢谢。

Answer 1

我认为这里最好的解决方案如下：

Osgaar.prototype.fields.add(new Ext.data.Field({ name: 'fifth', type: 'string'})); // create Ext.data.Field constructor, not just simple Object

我快速查看了Writer实现，这是一种在写入数据时由 write（）调用的方法：

getRecordData: function(record) {
        var isPhantom = record.phantom === true,
            writeAll = this.writeAllFields || isPhantom,
            nameProperty = this.nameProperty,
            fields = record.fields,            // <- look here
            data = {},
            changes,
            name,
            field,
            key;

        if (writeAll) {
            fields.each(function(field){
                if (field.persist) {           // <- checks the persist property!
                    name = field[nameProperty] || field.name;
                    data[name] = record.get(field.name);
                }
            });

然后我检查了在定义模型后添加到原型的字段的 persist 属性的值，结果是 undefined 。这是因为您并没有真正创建一个继承所有Field默认值和其他有用内容的 Ext.data.Field 实例，您只需将一个普通的Object添加到fields集合中。 Osgaar.prototype.fields只是一个 MixedCollection ，因为你直接使用它，所以没有地方可以隐式调用 Ext.data.Field 构造函数。

如果应用程序逻辑通常会动态添加模型字段，请考虑对自定义模型实现 addField（）方法（在继承链中创建另一个基类）。

希望这有帮助，祝你好运！我已经使用ExtJS很长一段时间了，所以这对我来说就是一个测验：）

Answer 2

我找到了原始问题的另一种解决方案。

我没有将字段添加到模型的原型中，而是执行了以下操作：

Osgaar_Temp = Osgaar;
delete Osgaar;

Ext.define('Osgaar', {
    extend: 'Osgaar_Temp',
    fields: 
    [
        { name: 'typeCategories', type: 'string' }
    ]
});

这似乎是最好的解决方案。

扩展Ext.data.Model（动态添加字段）

2 个答案: