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

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

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

点击查看示例

创建树

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

服务器代码

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

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