ExtJS 4:了解hasMany和belongsTo

Question

我一直在努力了解如何使用hasMany和belongsTo很长一段时间.我的理解是hasMany是1:很多关系而且属于多个:1关系 - 除此之外:那么这意味着如果你有一个hasMany关系,在其子模型中需要belongsTo吗？我已经阅读了几篇文章:

• 在Ext.data.reader.Reader页面上加载嵌套数据.
• Ext.data.association.BelongsTo
• Ext.data.association.HasMany
• extjs 4.2中的关联样本:
• ExtJS教程 - HasMany文章
• ExtJS教程 - BelongsTo文章
• hasMany vs belongsTo
• ExtJS 4:具有关联和商店的模型

虽然有点困惑.假设我有以下数据:

var data = {
  "config": {
    "name": "blah",
    "id": 1,
    "someconfig": [{
        "name": "Services", "tabs": [{
            "id": 0, "name": "Details", "layout": "hbox"
          }, {
            "id": 1, "name": "Sources", "layout": "hbox"
          }, {
            "id": 2, "name": "Paths", "layout": "hbox"
          }, {
            "id": 3, "name": "Ports", "layout": "hbox"
          }, {
            "id": 4, "name": "Levels", "layout": "hbox"
          }, {
            "id": 5, "name": "Notes", "layout": "hbox"
          }]
      }, {
        "name": "Services2", "tabs": [{}]
      }]
  }
};

我会为配置创建一个模型:

Ext.define('Config', {
  extend: 'Ext.data.Model',
  fields: ['name'],
  hasMany: [{
    name: 'someconfig',
    model: 'Someconfig',
    associationKey: 'someconfig'
  }],
  proxy: {
    type: 'memory',
    data: data,
    reader: {
      type: 'json',
      root: 'config'
    }
  }
});

因此Config可以有许多Someconfigs,因为在数据中,someconfig是一个对象数组.这是Someconfig模型:

Ext.define('Someconfig', {
  extend: 'Ext.data.Model',
  fields: [
    'name'
  ],
  hasMany: [{
    name: 'tabs',
    model: 'Tabs',
    associationKey: 'tabs'
  }]
});

好的,同样的交易.Someconfig可以有很多Tabs,因为在数据中,tabs是一个对象数组.这是Tabs模型:

Ext.define('Tabs', {
  extend: 'Ext.data.Model',
  fields: [
    'id',
    'name',
    'layout'
  ],
  belongsTo: [{
    name: 'tabs',
    model: 'Someconfig',
    associationKey: 'tabs'
  }]
});

现在,belongsTo在那里,因为我正在搞乱这个属性.无论如何,我无法从Someconfig访问Tabs,但我可以从Config访问Someconfig.看看这段代码:

Config.load(1, {
  success: function(record, operation) {
    console.log(record.get('name'));  // works
    console.log(record.someconfig().getCount());  // works, gives me 2
    console.log(record.someconfig().data.items[0].data);  // only prints out name and config_id
//      console.log(record.someconfig().tabs());  // doesn't exist
  }
});

jsFiddle:演示

我想知道的是,我不应该从someconfig()访问tabs (),还是我误解了这些关系？如果是前者,我将如何修复我的代码？

来自Sencha论坛的交叉发布.

Answer 1

你的方法有一些问题:

1. 当您为一对多关系调用getter时,实际上是在检索对包含一组相关对象的Store对象的引用,因此尝试检索商店的关系选项卡是没有意义的.
2. 您必须从关系存储中检索一个元素,然后通过调用tabs方法获取其相关选项卡,该方法将返回包含该特定实例的一组选项卡的Store Object.
3. 如果要访问任何相关选项卡,则必须再次从该存储中选择一个对象,以横向整个关系树,您应该执行以下操作:

someconfig = record.someconfig().getAt(0);
sometab = someconfig.tabs().getAt(0);

这是您的代码的修改版本.希望它有助于解决您的问题.