jQuery EasyUI Menú de árbol -Crear un TreeGrid básico

El componente TreeGrid (cuadrícula de árbol) hereda de DataGrid (cuadrícula de datos), pero permite relaciones de nodos padre/hijo entre filas. Muchas propiedades se heredan de DataGrid y pueden usarse en TreeGrid. Para usar TreeGrid, el usuario debe definir la propiedad 'treeField', que indica qué campo se usa como nodo de árbol.

Este tutorial le mostrará cómo usar el componente TreeGrid para configurar un explorador de carpetas.

Crear TreeGrid

    <table id="test" title="Folder Browser" class="easyui-treegrid" style="width:400px;height:300px"
            url="data/treegrid_data.json"
            rownumbers="true"
            idField="id" treeField="name">
        <thead>
            <tr>
                <th field="name" width="160">Name</th>
                <th field="size" width="60" align="right">Size</th>
                <th field="date" width="100">Modified Date</th>
            </tr>
        </thead>
    </table>

Descargar ejemplos de jQuery EasyUI

jeasyui-tree-treegrid1.zip