Easy Tree, jerarquía para utilzar con bootstrap

DESCARGA : Easy Tree bootstrap

Easy Tree, jerarquía para utilzar con bootstrap, este plugin esta realizado para ser usado con jQuery y bootstrap 3 , puede convertir una lista de pedidos a un árbol fácilmente.

El árbol se puede seleccionar , se puede añadir , editar y borrar.
Puedes ver el ejemplo en ejecución en la siguiente dirección: http://zgs225.github.io/easy-tree/

1.- Para el uso puedes incluir el script

 <script src="http://zgs225.github.io/easy-tree/dist/js/jquery-1.10.1.min.js"></script>
    <script src="http://zgs225.github.io/easy-tree/js/bootstrap.min.js"></script>
    <script src="http://zgs225.github.io/easy-tree/dist/js/easyTree.min.js"></script>

2.- Posterior a eso incluyes los estilos que le darán un aspecto muy vistoso.

   <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://zgs225.github.io/easy-tree/dist/css/easyTree.min.css">

3.- Una vez creadas las referencias podemos utilizar una lista para incluir en nuestra interfaz.

<div class='easy-tree'>
    <ul>
        <li>Example 1</li>
        <li>Example 2</li>
        <li>Example 3</li>
        <li>Example 4</li>
    <ul>
</div>

4.- Incluimos el script que convertirá la lista ul en un vistoso resultado, el fragmento javascript quedaría de la siguiente forma:

$('.easy-tree').EasyTree();

You may also like...