jQuery EasyUI 教程

jQuery EasyUI 树形菜单 - 创建异步树形菜单

为了创建异步的树形菜单(Tree),每一个树节点必须要有一个 'id' 属性,这个将提交回服务器去检索子节点数据。

创建树形菜单(Tree)

<ul id="tt" class="easyui-tree" url="tree2_getdata.php">
</ul>

服务器端代码

$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;
}

下载 jQuery EasyUI 实例

jeasyui-tree-tree2.zip