EasyUi常用元件(二)Tree

2021-07-14 12:18:11 字數 1058 閱讀 4374

tree     樹

乙個樹形選單(tree)可以從標記建立。easyui 樹形選單(tree)也可以定義在

file 2

file 3

file21

為了建立非同步的樹形選單(tree),每乙個樹節點必須要有乙個 'id' 屬性,這個將提交回伺服器去檢索子節點資料。

非同步載入 tree

tree 支援內建的非同步載入模式

,使用者建立乙個空的

tree,

然後定義乙個遠端伺服器站點返回

json

資料用於填充

tree

來非同步滿足非同步載入需求

.例如: 

1.
tree的載入是通過url  'get_data.php'站點

.子節點的載入依賴於父節點的狀態.當展開乙個關閉節點

,如果節點沒有子節點載入

,將傳送節點

id值作為

http引數,

引數命名為

'id'

到遠端伺服器

,通過以上

url定義

.檢索子節點資料

看看這個從伺服器返回的資料:

伺服器端**

$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))

echo json_encode($result);

function has_child($id)

EASY UI之tree元件reload方法詳解

reload方法在官方文件上由如下說明 name parameter description reload target reload tree data.引數說明 描述從遠端伺服器發ajax請求載入資料,請求url是tree元件options的url屬性值,請求引數是tree元件options的q...

easyui之控制項Tree

這篇文章先介紹tree的兩種用法,一種是一次性取完,一種是非同步載入。取完的 如下 這個是一次性取完的 返回的是json格式。下面是非同步載入,只載入第一級的資料。其實你也發現了,這2個方法的呼叫資料都是一樣的,為什麼會出現乙個非同步乙個一次性呢,因為tree這個控制項已經封裝了非同步載入的方法。上...

easyUi基礎元件

1 panel元件 2 messager元件 3 datebox元件 日期框 4 datetimebox元件 日期時間框元件 5 timespinner元件 時間微調器 6 calendar元件 7 numberbox元件 8 numberspinner元件 9 validatebox元件 驗證框 ...