Sencha Touch 2 关联问题答案

【问题标题】：Sencha Touch 2 association problemsSencha Touch 2 关联问题
【发布时间】：2013-06-25 23:39:01
【问题描述】：

我从服务器获取下一个 JSON：

{
    "contextPath":"http://apps.dhis2.org/demo",
    "user":{
        "id":"GOLswS44mh8",
        "name":"System Administrator",
        "isAdmin":true,
        "ou":{
             "id":"ImspTQPwCqd",
             "name":"Sierra Leone"
        }
     }
}

我需要将此 JSON 转换为两个模型：User 模型和 OrganizationUnit 模型。

我阅读了本教程 http://docs.sencha.com/touch/2.2.1/#!/api/Ext.data.reader.Reader 所以这是我的代码：

用户模型：

Ext.define('mobile-visualizer.model.User', {
    extend: 'Ext.data.Model',

    config: {
        fields: [
            {name: 'id',  type: 'string'},
            {name: 'name',   type: 'string'},
            {name: 'isAdmin', type: 'boolean'}
        ],
        hasOne: {
            model: "mobile-visualizer.model.OrganizationUnit",
            name: "ou"
        },
        proxy: {
            type: 'ajax',
            url : 'http://apps.dhis2.org/demo/dhis-web-visualizer/initialize.action',
            method : 'GET',
            withCredentials : true,
            useDefaultXhrHeader : false,
            reader: {
                type: 'json',
                rootProperty: 'user'
            }
        }
    }
});

OrganizationUnit模型：

Ext.define('mobile-visualizer.model.OrganizationUnit', {
    extend: 'Ext.data.Model',

    config: {
        fields: [
            {name: 'id',  type: 'string'},
            {name: 'name',   type: 'string'}
        ],
        belongsTo: 'mobile-visualizer.model.User'
    }
});

商店：

Ext.define('mobile-visualizer.store.UsersStore', {
    extend : 'Ext.data.Store',
    model : "mobile-visualizer.model.User",
    autoLoad : false,
    storeId : "usersStore",

    proxy : {
        type : 'ajax',
        url : 'http://apps.dhis2.org/demo/dhis-web-visualizer/initialize.action',
        method : 'GET',
        withCredentials : true,
        useDefaultXhrHeader : false,
        reader : {
            type : 'json',
            rootProperty : 'user'
        }
    }
});

所以，当我尝试使用其他代码从商店获取用户时：

        var store = Ext.create('mobile-visualizer.store.UsersStore');
        store.load({
                    callback : function() {
                        // the user that was loaded
                        var user = store.first();
                        console.log(user.ou())
                    }
                });

我有错误：Uncaught TypeError: Object [object Object] has no method 'ou'

我可以获得有关用户的所有信息，但我无法从用户那里获得ou。看起来像是一些关联问题。

但我做的一切都像官方教程一样。请帮助解决这个问题。谢谢。

【问题讨论】：

console.log(user.get('ou'));

标签： extjs sencha-touch-2

【解决方案1】：

遵循我的规则，一切都会变得美好：

http://extjs-tutorials.blogspot.ca/2012/05/extjs-hasmany-relationships-rules.html

http://extjs-tutorials.blogspot.ca/2012/05/extjs-belongsto-association-rules.html

这些用于 extjs，但与 sencha touch 非常相似。

您忘记了 associationKey。

此外，无需在 store 中重新定义代理，因为它将继承其模型的代理。

另外，一个用户可能属于一个组织单位，但没有...

【讨论】：