Árbol jerárquico amigable con SEO en Pure JavaScript-ultree
| Autor: | TheTechy |
|---|---|
| Views Total: | 180 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 2, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca de JavaScript ultree le permite crear listas anidadas, fáciles de usar, plegables y desplegables para representar los datos jerárquicos de una manera de árbol.
Funcionamiento
Importe los archivos JavaScript y CSS del ultree a la página HTML.
<link rel="stylesheet" href="ultree.css"> <script src="ultree.min.js"></script>
Agregue la clase CSS ultree a la lista primaria.
<ul id='example' class='ultree'> <li>Coffee</li> <li>Tea <ul> <li>Black tea</li> <li>Green tea</li> </ul> </li> </ul>
Transforme las listas HTML anidadas en un árbol.
ultree.generateTree({
listId: "example",
bullet: '•'
}); Contraer & expandir todos los nodos de árbol.
ultree.openAll('example');
ultree.closeAll('example'); Filtre el árbol por un valor proporcionado.
ultree.filterTree({
listId: 'example',
filterValue: 'Tea'
}); Busque un valor especificado en el árbol.
ultree.filterTree({
listId: 'example',
searchValue: 'Tea'
});
