追加节点到树

使用教程 » 追加节点到树

本教程将向您展示如何向树添加节点。我们将创建一个包含水果和蔬菜节点的食物树， 然后向现有的水果节点添加一些其他水果。

创建食物树

首先，我们创建食物树，代码是这样的:

请注意，树组件是在

中定义的;标记和树节点数据是从URL“tree_data.json”加载的.

获得父节点

然后我们通过单击该节点来选择水果节点，我们将向该节点追加一些其他水果数据。调用getSelected方法获取节点上的句柄:

var node = $('#tt').tree('getSelected');

getSelected方法的返回结果是一个javascript对象，它具有id、文本、属性和目标属性。 目标属性是一个映射到所选节点的DOM对象，append方法将使用它来追加子节点。

追加节点

var node = $('#tt').tree('getSelected'); if (node){ var nodes = [{ "id":13, "text":"Raspberry" },{ "id":14, "text":"Cantaloupe" }]; $('#tt').tree('append', { parent:node.target, data:nodes }); }

当附加一些水果时，你会看到:



如您所见，使用easyui的tree plugin来追加node并不困难.

下载 EasyUI 实例:

easyui-tree-demo.zip