12、Ext JS 树形组件的使用与功能拓展

Ext JS 树形组件的使用与功能拓展

1. JSON 数据支持

标准的 TreeLoader 支持特定格式的 JSON 数据，即节点定义的数组。以下是一个简化示例：

[
   { id: '1', text: 'No Children', leaf: true },
   { id: '2', text: 'Has Children',
     children: [{
       id: '3',
       text: 'Youngster',
       leaf: true
     }]
   }
]

各属性说明如下：
| 属性 | 说明 |
| ---- | ---- |
| text | 节点在树中显示的标签 |
| id | 用于唯一标识每个节点，可用于确定哪些节点被选中或展开 |
| children | 可选属性，用于定义子节点 |
| leaf | 标记节点是文件夹还是文件，叶子节点不可展开，没有文件夹的加号图标 |

默认情况下，TreeNode 会被分配一个自动生成的 ID，格式为 ynode-xx ，其中 xx 是数字。不过，你可能希望自己分配 ID 值。当展开带有子节点的节点以触发从服务器异步加载数据时，服务器脚本需要确切知道点击了哪个节点，以便返回其子节点。通过显式设置 ID，在与服务器交互时更容易匹配节点及其操作。

JSON 不仅可以初始化 id 、