使树面板将extjs项显示为子项

使树面板将extjs项显示为子项,extjs,extjs6,extjs6-classic,Extjs,Extjs6,Extjs6 Classic,我需要将extjs兼容项的json显示为树,如下所示 { text: 'Menu Root', expanded: true, items: [ { text: 'detention', leaf: true }, { text: 'homework', expanded: true, items: [ { text: 'book report', leaf: true }, { text:

我需要将extjs兼容项的json显示为树,如下所示

{
  text: 'Menu Root',
  expanded: true,
  items: [
           { text: 'detention', leaf: true },
           { text: 'homework', expanded: true, items: [
            { text: 'book report', leaf: true },
            { text: 'algebra', leaf: true}
           ] },
           { text: 'buy lottery tickets', leaf: true }
         ]
}

如果
子项
它可以正常工作,但对于
则不能。我没有在Extjs6文档中找到一种方法来让TrpEnEL考虑项目是儿童。仅供参考,这些是要嵌入到某个视图中的extjs项。我正在使用
setRootNode
将其添加到treestore

可以通过将树存储配置中的
defaultRootProperty
配置为
“items”
,默认为:
“children”

Ext.application({
名字:“小提琴”,
启动:函数(){
var store=Ext.create('Ext.data.TreeStore'{
defaultRootProperty:'items',//需要将默认的“children”更改为“items”
根:{
文本:“菜单根”,
对,,
项目:[
{文本:'拘留',叶:真},
{文本:“家庭作业”,展开:true,项:[
{文本:'book report',leaf:true},
{文本:'代数',叶:真}
] },
{文本:“买彩票”,叶:真的}
]
}
});
Ext.create('Ext.tree.Panel'{
标题:“简单树”,
宽度:200,
身高:150,
店:店,,
renderTo:Ext.getBody()
});
}
});