jQuery EasyUI Menú de árbol -Crear un menú de árbol asíncrono

Para crear un menú de árbol (Tree) asíncrono, cada nodo del árbol debe tener una propiedad 'id', que se enviará al servidor para recuperar los datos de los nodos secundarios.

Crear el menú de árbol (Tree)

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

Código del servidor

    $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;
    }

Descargar ejemplos de jQuery EasyUI

jeasyui-tree-tree2.zip

Otras extensiones