Creador de árbol dinámico con JavaScript-treeCreater. js
| Autor: | YohoZhu |
|---|---|
| Views Total: | 1,728 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 25, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
treeCreater. js es una biblioteca de JavaScript muy simple para representar dinámicamente una lista basada en estructura jerárquica de árbol de una matriz de objetos de datos.
Funcionamiento
Importe el de JavaScript treeCreater. js y la hoja de estilos treeCreater. CSS al documento.
<link rel="stylesheet" href="treeCreater.css"> <script src="treeCreater.js"></script>
Cree una lista sin ordenar HTML vacía para el árbol generado.
<ul class="treeRoot"></ul>
Defina sus propios datos para presentarlos en el árbol.
var quotaTree = [
{
title: 'quotaParent1',
children: [
{
title: 'quotaSubParent1',
children: []
},
{
title: 'quotaSubParent2',
children: [
{
title: 'quotaChild1'
},
{
title: 'quotaChild2'
}
]
}
]
},
{
title: 'quotaParent1',
children: [
{
title: 'quotaSubParent1',
children: [
{
title: 'quotaChild1'
}
]
},
{
title: 'quotaSubParent2',
children: [
{
title: 'quotaChild1'
},
{
title: 'quotaChild2'
}
]
}
]
}
] Renderiza el árbol y listo.
treeCreater(quotaTree, 'treeRoot')
