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

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