javascript - 如何使用生成具有多个数据存储的树？

Question

我有几个模型:

ModelA:
fields: [id, name],
hasMany: ModelB

ModelB:
fields: [id, name, attr],
hasMany: ModelC

ModelC:
fields: [id, name, attr]

我使用数据存储来存储来自休息代理的这些嵌套数据:

ModelAStore:
model: 'ModelA'
proxy:{}

现在我希望它们出现在树面板中:

结构如下:

ModelA
|-ModelBInstance
  |-ModelCInstance
  |-ModelCInstance
|-ModelBInstance
|-ModelBInstance

当我点击ModelBInstance时，另一边的数据网格会发生变化。

我该怎么做？

Answer 1

基本上你要么

• 使用 typeProperty: 'mtype' 配置您的代理阅读器，并让您的其余 API 放置 'A'、'B' 或 'C' 在该字段中；

或者

• 使用属性 childType 定义模型:A(商店模型)将具有 childType: 'B', B 将具有 childType: 'C'

一切尽在最新Tree Panel手册 — 滚动到“异构节点类型”。