jQuery EasyUI Tree Menu -Создание асинхронного древовидного меню
Чтобы создать асинхронное древовидное меню (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
Другие расширения