menu arborescent jQuery EasyUI - Créer un arbre basé sur une grille
grille d'arbre (TreeGrid) composants héritent de la grille de données (DataGrid), mais permet à la relation parent / enfant entre les noeuds de la ligne. Un grand nombre des propriétés héritées de la grille de données (grille de données), il peut être utilisé dans la grille d'arbre (TreeGrid) dans. Pour utiliser la grille d'arbre (TreeGrid), l'utilisateur doit définir la propriété 'treeField', indiquer le champ en tant que nœuds d'arbres.
Ce tutoriel va vous montrer comment utiliser la grille d'arbre (TreeGrid) a mis en place un composant dossier de navigateur.
Créer grille d'arbre (TreeGrid)
<Table id = "test" title = "Explorateur de dossier" class = le style "easyui-treegrid" = "width: 400px; height: 300px" url = "data / treegrid_data.json" rownumbers = "true" = zone ID "id" treeField = "nom"> <Thead> <Tr> <Th champ = largeur "name" = "160"> Nom </ th> <Field Th = "taille" width = "60" align = "right"> Taille </ th> <Th field = "date" width = "100"> Date de modification </ th> </ Tr> </ Thead> </ Table>