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的教程>>