I have a variety of Models within my application:
ModelA:
fields: [id, name],
hasMany: ModelB
ModelB:
fields: [id, name, attr],
hasMany: ModelC
ModelC:
fields: [id, name, attr]
To efficiently manage this nested data, I utilize a data store in conjunction with a rest proxy:
ModelAStore:
model: 'ModelA'
proxy:{}
Now, my goal is to display these models in a tree panel:
The hierarchical structure will resemble the following:
ModelA
|-ModelBInstance
|-ModelCInstance
|-ModelCInstance
|-ModelBInstance
|-ModelBInstance
Upon clicking on a ModelBInstance, the corresponding data grid on another part of the interface should update.
Can someone provide guidance on how to achieve this functionality?