Sencha 触摸 2 加载存储和与嵌套 JSON 关联的存储

Question

我已经开始创建一个Sencha Touch 2应用程序，该应用程序定义了两个模型，更改和配置。更改属于配置。两种型号还具有商店设置。在更改存储上，我有一个代理设置来请求以 JSON 格式返回的数据。JSON 数据具有嵌套配置的更改。更改加载良好，但是当我尝试从更改实例获取关联的配置时，它不起作用。

我像这样定义模型：

更改模型：

Ext.define('Changes.model.Change', {
    extend: 'Ext.data.Model',
    xtype: 'changemodel',
    config: {
        fields: [ 
            {name:'id', type:'int'},
            {name:'changeId', type:'string'},
            {name:'briefDescription', type:'string'},
            {name:'configuration_id', type:'int'}
        ],
        associations: [{
            type:'belongsTo', 
            model:'Changes.model.Configuration',
            primaryKey: 'id',
            foreignKey: 'configuration_id',
            associationKey: 'configurations'
        }],
    },
});

配置模型：

Ext.define('Changes.model.Configuration', {
    extend: 'Ext.data.Model',
    xtype: 'configurationmodel',
    config: {
        fields: [
             { name: 'id', type: 'int'},
             { name: 'longName', type: 'string' },
             { name: 'ciName', type: 'string' },
            ],
        hasMany: {model: 'Change', name: 'changes'}
    }
});

每个模型都有一个商店。

更改存储：

Ext.define('Changes.store.Changes', {
    extend: 'Ext.data.Store',
    requires: 'Changes.model.Change',
    config: {
        model: 'Changes.model.Change',  
        proxy: {
            type: 'ajax',
            url: 'services/changes.php',
            reader: {
                type: 'json',
                rootProperty: 'changes'
            }
        },
        sorters: [{ property: 'briefDescription', direction: 'ASC'}],
    }
});

配置存储：

Ext.define('Changes.store.Configurations', {
    extend: 'Ext.data.Store',
    requires: ['Ext.data.proxy.LocalStorage'],
    config: {
        model: 'Changes.model.Configuration',
        grouper: {
                sortProperty: "ciName",
                direction: "DESC",
                groupFn: function (record) {
                    return record.get('ciName')[0];
                }
           },
        proxy: {
            type: 'ajax',
            url: 'services/configurationItems.php',
            reader: {
                type: 'json',
                rootProperty: 'configurationItems'
            }
        }
    }
});

从services/changes.php返回的 JSON 如下所示：

{
    "success": true,
    "changes": [
        {
            "id": 1,
            "changeId": "XYZ19178263",
            "briefDescription": "Loaded from Proxy",
            "configuration_id": 3,
            "configurations": [
                {
                    "id": "3",
                    "longName": "999-99_-_windows_7_desktop.Computer.Windows",
                    "ciName": "999-99_-_windows_7_desktop"
                }
            ]
        }
    ]
}

在浏览器的控制台中，我可以发出以下命令：

Changes.myStore = Ext.getStore('Changes');
Changes.myStore.load();
Changes.record = Changes.myStore.findRecord('id', '1');
Changes.record.getAssociatedData()

最后一个命令将返回一个内部带有配置对象的对象，但所有字段值都显示null除了id似乎设置为随机值：

Object
Configuration: Object
ciName: null
id: "ext-record-11"
longName: null

任何人都可以看到为什么我的 JSON 中的嵌套Configuration实例没有被保存吗？是否应该将 JSON 中的嵌套Configuration实例自动添加到Configurations存储中？

Answer 1

可悲的是，这不起作用。似乎是框架的一个缺点。无法加载和保存关联的（聚合/嵌套）对象。您需要展平结构，然后自己在代码中关联对象。

所以例如...然后，您的 JSON 将是...

{
"success": true,
"changes": [
    {
        "id": 1,
        "changeId": "XYZ19178263",
        "briefDescription": "Loaded from Proxy"
    }
]

}

第二个 JSON 文件/响应如下所示：

    {
    "success": true,
    "configurations": [
                {
                    "id": "3",
                    "longName": "999-99_-_windows_7_desktop.Computer.Windows",
                    "ciName": "999-99_-_windows_7_desktop",
                    "change_id": 1
                }
            ]
    }

Answer 2

Tinashe的回答是不正确的。您当然可以获得嵌套模型。

但是，您的关联相对于您的 JSON 是向后的。

 "changes": [
        {
            "id": 1,
            "changeId": "XYZ19178263",
            "briefDescription": "Loaded from Proxy",
            "configuration_id": 3,
            "configurations": [
                {
                    "id": "3",
                    "longName": "999-99_-_windows_7_desktop.Computer.Windows",
                    "ciName": "999-99_-_windows_7_desktop"
                }
            ]
        }
    ]

意味着更改有许多配置，但您说它属于它。这是正确的 JSON：

 "changes": [
        {
            "id": 1,
            "changeId": "XYZ19178263",
            "briefDescription": "Loaded from Proxy",
            "configuration_id": 3,
            "configuration": 
                {
                    "id": "3",
                    "longName": "999-99_-_windows_7_desktop.Computer.Windows",
                    "ciName": "999-99_-_windows_7_desktop"
                }
        }
    ]

无论哪种方式，您都需要在关系上设置 getterName（如果您也喜欢的话，也可以设置setterName）：

associations: [{
            type:'belongsTo', 
            model:'Changes.model.Configuration',
            primaryKey: 'id',
            foreignKey: 'configuration_id',
            associationKey: 'configuration',
            getterName:'getConfiguration'
        }]

然后在存储加载后，你可以调用 myChangeModel.getConfiguration（）;