Question

我正在尝试使用treepanel但是我已经从以下格式的外部api接收了一些数据（见下文），基本上它是一个json数组，它将自动返回一个公司阵列（B＆amp; A和T＆amp; ; C以下）并且每个公司都有许多员工作为孩子。

我不确定如何在treepanel中使用它。我需要将公司显示为一行，可以展开以显示孩子们。

标准商店是否支持此功能，我的数据格式是否正确。我对此感到有些失落。

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

Answer 1

要实现TreePanel，您需要创建一个TreeStore。在TreeStore中，您需要按照特殊方式管理数据。你的孩子＆＃34;项目必须在数组＆＃34;孩子＆＃34;。

请参阅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/

用于在treepanel中显示项目的数据格式

1 个答案: