jQuery EasyUI 树形菜单 – 创建异步树形菜单

为了创建异步的树形菜单(Tree),每一个树节点必须要有一个 \’id\’ 属性,这个将提交回服务器去检索子节点数据。

创建树形菜单(Tree)

    <ul
            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