#1:
https://fiddle.sencha.com/#view/editor&fiddle/3t9e#2:
https://fiddle.sencha.com/#view/editor&fiddle/3t8nn
工作(#1)和不工作(#2)版本之间的主要区别在于,工作版本在将其分配给树面板之前会创建自己的商店。还有其他问题:HelpStore
应该具有从
Ext.data.TreeModel
而不是
Ext.data.Model
改变了:
children
请注意,请注意此处有两个更改:
HelpStore.js
设置为
Ext.define('MDL.store.HelpStore', {
extend: 'Ext.data.TreeStore',
alias: 'store.HelpStore',
model: 'Ext.data.TreeModel',
root: {
expanded: true,
text: 'Should be replaced by Json',
},
proxy: {
type: 'ajax',
url: 'MDLHelp.json',
reader: {
}
}
});
(或者您可以从中扩展自己的模型),然后删除
model
部分(否则它将覆盖内容并忽略商店)。
然后更改
Ext.data.TreeModel
使用将根据需要创建商店的ViewModel:
children
(根据最佳实践,ViewModel应在单独的文件中定义,但此代码也适用于演示。)