jQuery EasyUI Tree Menu -Créer un TreeGrid de base

Le composant TreeGrid hérite de DataGrid, mais autorise des relations de nœud parent/enfant entre les lignes. De nombreuses propriétés sont héritées de DataGrid et peuvent être utilisées dans TreeGrid. Pour utiliser TreeGrid, l'utilisateur doit définir l'attribut 'treeField' pour spécifier quel champ est utilisé comme nœud d'arbre.

Ce tutoriel vous montrera comment utiliser le composant TreeGrid pour configurer un explorateur de dossiers.

Créer un 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>

Télécharger les exemples jQuery EasyUI

jeasyui-tree-treegrid1.zip