在Ext中實現ManyToMany關聯Js 4

Question

我在網上到處查看了一些東西，但我似乎無法找到在Est Js 4模型中實現多對多關聯的方法。以原型爲例。我有一個「帖子」和「標籤」的應用程序。我如何在Ext Js 4模型中表示這一點，並通過標籤和帖子過濾標籤？

Answer 1

ManyToMany意味着有一些額外的表（或數組）包含A和B之間的鏈接。因此，實現這一點的唯一方法是使用額外的存儲。

在有很多的項目，每個人都可以屬於多個類別的情況下，這裏的模型定義：

Ext.define('BS.model.Item', { 
    extend: 'Ext.data.Model', 
    fields: [ 
     {name: 'name'     , type: 'string'}, 
    ], 

    proxy: { 
     type: 'direct', 

     api: { 
      create: Items.Create, 
      read: Items.GetTree, 
      update: Items.Update, 
      destroy: Items.Delete, 
     }, 
    }, 

    hasMany: {model: 'BS.model.ItemInCategory', name: 'categories', foreignKey: 'itemId'}, 
}); 

Ext.define('BS.model.ItemCategory', { 
    extend: 'Ext.data.Model', 
    fields: [ 
     {name: 'name'  , type: 'string'}, 
    ], 

    proxy: { 
     type: 'direct', 

     api: { 
      create: ItemCategories.Create, 
      read: ItemCategories.Read, 
      update: ItemCategories.Update, 
      destroy: ItemCategories.Delete, 
     }, 
    }, 

}); 

Ext.define('BS.model.ItemInCategory', { 
    extend: 'Ext.data.Model', 
    fields: ['itemId', 'categoryId'], 

    // This will allow create operations with multiple records 
    clientIdProperty: 'clientId', 

    proxy: { 
     type: 'direct', 

     api: { 
      create: ItemInCategory.Create, 
      read: ItemInCategory.Read, 
      destroy: ItemInCategory.Destroy, 
     }, 

     reader: { 
      type: 'json', 
      root: 'data', 
     },   
    }, 

}); 

然後讓所有類別的項目屬於：

Item.categories().load({ 
    scope: this, 
    callback: function(aRecords, aOperation, aSuccess) { 

     Ext.each(aRecords, function(aAssociation) { 
      // Do something here 
     }, this); 

    }     
}); 

然後添加關聯：

var iNewRecord = Item.categories().model.create({ categoryId: '16' }); 

Item.categories().add(iNewRecord); 

Answer 2

對於在搜索過程中發現此問題的人，從ExtJS開始5.0，它們支持多到許多關係本身：

http://docs.sencha.com/extjs/5.0.0/apidocs/#!/api/Ext.data.schema.ManyToMany

Answer 3

對於ExtJS的6，ManyToMany實現了。

最小實現：

Ext.define('App.models.Group', { 
extend: 'Ext.data.Model', 

manyToMany: [ 
    'User' 
] 

}）;