codecamp

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

jQuery EasyUI 树形菜单 – 使用标记创建树形菜单
jQuery EasyUI 树形菜单 – 树形菜单添加节点
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

jQuery EasyUI 教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }