Javascript 用于在树面板中显示项目的数据格式
我正在尝试使用treepanel,但我收到了以下格式的外部api的一些数据(见下文),基本上它是一个json数组,将自动返回一个带有公司的数组(下面是B&a和T&C),每个公司都会有很多员工作为子女 我不知道如何在树上工作。我需要将公司显示为一行,可以展开以显示子公司 标准存储是否支持此功能?我的数据格式是否正确。我对此有点迷茫Javascript 用于在树面板中显示项目的数据格式,javascript,extjs,extjs4,extjs4.2,extjs5,Javascript,Extjs,Extjs4,Extjs4.2,Extjs5,我正在尝试使用treepanel,但我收到了以下格式的外部api的一些数据(见下文),基本上它是一个json数组,将自动返回一个带有公司的数组(下面是B&a和T&C),每个公司都会有很多员工作为子女 我不知道如何在树上工作。我需要将公司显示为一行,可以展开以显示子公司 标准存储是否支持此功能?我的数据格式是否正确。我对此有点迷茫 "B & A": [ { "name": "Fred", "code": "aan9" }, { "name": "Walt
"B & A": [
{
"name": "Fred",
"code": "aan9"
},
{
"name": "Walter",
"code": "wxxs"
}
],
"T & C": [
{
"name": "mary",
"code": "assan9"
},
{
"name": "Bart",
"code": "sswxxs"
}
]
要实现TreePanel,您需要创建一个TreeStore。在树存储中,您需要采用一种特殊的方式来管理数据。您的“子”项必须位于数组“children”下 有关TreeStore,请参阅以下正确的JSON数据:
[{
text: "B & A",
leaf: false,
children : [{
text: "Fred",
code: "aan9",
leaf: true
}, {
text: "Walter",
code: "wxxs",
leaf: true
}
]},{
text: "T & C",
leaf: false,
children : [{
text: "mary",
code: "s",
leaf: true
}, {
text: "Bart",
code: "sswxxs",
leaf: true
}]
}];
这里有一个实用工具:要实现树面板,您需要创建一个树存储。在树存储中,您需要采用一种特殊的方式来管理数据。您的“子”项必须位于数组“children”下 有关TreeStore,请参阅以下正确的JSON数据:
[{
text: "B & A",
leaf: false,
children : [{
text: "Fred",
code: "aan9",
leaf: true
}, {
text: "Walter",
code: "wxxs",
leaf: true
}
]},{
text: "T & C",
leaf: false,
children : [{
text: "mary",
code: "s",
leaf: true
}, {
text: "Bart",
code: "sswxxs",
leaf: true
}]
}];
这是一把工作小提琴:你的问题有进展吗?你的问题有进展吗?