在树面板中显示项目的数据格式

Data format for displaying items in the treepanel

本文关键字：项目 数据格式 显示      更新时间：2023-09-26

我试图使用树面板，但我收到了一些数据从外部api在以下格式(见下文)，基本上它是一个json数组，将自动返回一个数组与公司(B &A & T &;

我不确定如何在树面板中获得此工作。我需要公司显示为一行，可以展开显示孩子。

标准存储是否支持这个，我的数据格式是否正确。这事我有点糊涂了。

"B & A": [
  {
    "name": "Fred",
    "code": "aan9"
  },
  {
    "name": "Walter",
    "code": "wxxs"
  }
],
"T & C": [
    {
    "name": "mary",
    "code": "assan9"
  },
  {
    "name": "Bart",
    "code": "sswxxs"
  }
]

要实现TreePanel，您需要创建一个TreeStore。在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
    }] 
}];

这是一个工作提琴:http://jsfiddle.net/Xpe9V/1615/

相关文章：