2024年6月2日发(作者：)

树控件：

树是由根节点、叶子节点、非叶子节点（目录节点）组成的，其中根节点只有一个，

叶子节点是终端节点。

ext中节点类型有普通树节点和异步加载节点（用于后台交互）

ext中提供了节点的选择模型：单选（选择一行） 多选（选择多行） 复选（通过复

选框选择）

TreePanel用于呈现我们树的面板。TreeNode是树节点，AsyncTreeNode是动态加

载树节点（异步树节点）。

既然我们要创建Tree，首先要创建一个根，当然ext中根节点也是节点所以统一用

TreeNode进行创建。

TreeNode中text属性表示节点名称，leaf表示节点是否是叶子节点，id节点的唯一

标识，href，hreftarget表示连接地址及打开方式，draggable表示拖拽，checked表示

在节点前面是否展现复选框，allowChildren，allowDrag是否允许添加子节点，是否允许

拖动等等。这里text，id是必须的。

我们创建好根之后，就要创建一个树面板(TreePanel)。

TreePanel中的配置选项包含root属性，根节点。renderto用于渲染的div

y(function(){

var root = new de({

id:"root",

text:"我是根"

});

var tree = new nel({

renderTo:"hello",

root:root,

width:200

});

});