使树面板将extjs项显示为子项
我需要将extjs兼容项的json显示为树,如下所示使树面板将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:
{
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()
});
}
});代码>