jQuery EasyUI使用教程之建立异步树

想要建立异步，每一个树节点必需要有一个“id”属性，此属性将提交回服务器去检索子节点的数据。

jQuery EasyUI最新试用版下载请猛戳>>

点击查看示例

建立树

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

}

下载EasyUI示例：easyui-tree-demo.zip

有兴趣的朋友能够点击查看更多有关jQuery EasyUI的教程>>