一个树形菜单（tree）可以从标记创建。easyui 树形菜单（tree）也可以定义在
元素中。无序列表的 元素提供一个基础的树（tree）结构。每一个 元素将产生一个树节点，子 元素将产生一个父树节点。
创建树形菜单（tree）
folder sub folder 1 file 11 file 12 file 13 file 2 file 3 file21
二、easyui创建异步树形菜单
为了创建异步的树形菜单（tree），每一个树节点必须要有一个 'id' 属性，这个将提交回服务器去检索子节点数据。
创建树形菜单（tree）
服务器端代码
$id = isset($_post['id']) ? intval($_post['id']) : 0; include 'conn.php'; $result = array(); $rs = mysql_query(select * from nodes where parentid=$id); while($row = mysql_fetch_array($rs)){ $node = array(); $node['id'] = $row['id']; $node['text'] = $row['name']; $node['state'] = has_child($row['id']) ? 'closed' : 'open'; array_push($result,$node); } echo json_encode($result); function has_child($id){ $rs = mysql_query(select count(*) from nodes where parentid=$id); $row = mysql_fetch_array($rs); return $row[0] > 0 ? true : false; }
三、easyui树形菜单添加节点
本节向您展示如何附加节点到树形菜单（tree）。我们将创建一个包含水果和蔬菜节点的食品树，然后添加一些其他水果到已存在的水果节点。
创建食品树
首先，我们创建食品树，代码如下所示：
请注意，树（tree)组件是定义在 标记中，树节点数据从 url tree_data.json 加载。
得到父节点
然后我们通过点击节点选择水果节点，我们将添加一些其他的水果数据。执行 getselected 方法得到处理节点：
var node = $('#tt').tree('getselected');
getselected 方法的返回结果是一个 javascript 对象，它有一个 id、text、target 属性。target 属性是一个 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）插件去附加节点不是那么的难。
四、easyui创建带复选框的树形菜单
easyui 的树（tree）插件允许您创建一个复选框树。如果您点击一个节点的复选框，这个点击的节点信息将向上和向下继承。例如：点击 'tomato' 节点的复选框，您将会看见 'vegetables' 节点现在仅仅选中部分。
创建复选框树
五、easyui树形菜单拖放控制
当在一个应用中使用树（tree）插件，拖拽（drag）和放置（drop）功能要求允许用户改变节点位置。启用拖拽（drag）和放置（drop）操作，所有您需要做的就是把树（tree）插件的 'dnd' 属性设置为 true。
创建树形菜单（tree）
$('#tt').tree({ dnd: true, url: 'tree_data.json'});
当在一个树节点上发生放置操作，'ondrop' 事件将被触发，您应该做一些或更多的操作，例如保存节点状态到远程服务器端，等等。
ondrop: function(targetnode, source, point){ var targetid = $(target).tree('getnode', targetnode).id; $.ajax({ url: '...', type: 'post', datatype: 'json', data: { id: source.id, targetid: targetid, point: point } });}
六、easyui树形菜单加载父/子节点
通常表示一个树节点的方式就是在每一个节点存储一个 parentid。 这个也被称为邻接列表模型。 直接加载这些数据到树形菜单（tree）是不允许的。 但是我们可以在加载树形菜单之前，把它转换为标准标准的树形菜单（tree）数据格式。 树（tree）插件提供一个 'loadfilter' 选项函数，它可以实现这个功能。 它提供一个机会来改变任何一个进入数据。 本教程向您展示如何使用 'loadfilter' 函数加载父/子节点到树形菜单（tree）。
父/子节点数据
[{id:1,parendid:0,name:foods},{id:2,parentid:1,name:fruits},{id:3,parentid:1,name:vegetables},{id:4,parentid:2,name:apple},{id:5,parentid:2,name:orange},{id:6,parentid:3,name:tomato},{id:7,parentid:3,name:carrot},{id:8,parentid:3,name:cabbage},{id:9,parentid:3,name:potato},{id:10,parentid:3,name:lettuce}]使用 'loadfilter' 创建树形菜单（tree）$('#tt').tree({ url: 'data/tree6_data.json', loadfilter: function(rows){ return convert(rows); }});
转换的实现
function convert(rows){ function exists(rows, parentid){ for(var i=0; i