jQuery EasyUI使用教程：創(chuàng)建異步樹

---

Kendo UI for jQuery——?jiǎng)?chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫！查看詳情>>>

想要?jiǎng)?chuàng)建異步，每個(gè)樹節(jié)點(diǎn)必須要有一個(gè)“id”屬性，此屬性將提交回服務(wù)器去檢索子節(jié)點(diǎn)的數(shù)據(jù)。

創(chuàng)建樹

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

服務(wù)器代碼

$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

購買正版授權(quán)的朋友可以點(diǎn)擊"咨詢在線客服"哦~~~