Foros del Web » Programando para Internet » Javascript » Frameworks JS »

agregar Next y Previous a Treeview

Estas en el tema de agregar Next y Previous a Treeview en el foro de Frameworks JS en Foros del Web. Hola a todos: No se si podrán ayudarme, pero la cuestión es que quiero navegar el menu del Plugin Treeview de JQuery a traves de ...
  #1 (permalink)  
Antiguo 06/01/2010, 12:13
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 16 años, 4 meses
Puntos: 35
agregar Next y Previous a Treeview

Hola a todos:
No se si podrán ayudarme, pero la cuestión es que quiero navegar el menu del Plugin Treeview de JQuery a traves de 2 botones "Previo" y "Siguiente"
Pero mi codigo va por fuera del codigo del Plugin, en parte lo he logrado pero solo me falta que los li "hijos" se colapsen o expandan segun el elemento en que me encuentro, éstas 2 acciones las maneja el plugin creo que en la linea 104
http://read.pudn.com/downloads113/so...eview.js__.htm

De que manera desde fuera de ese codigo puedo llamar a dicha funcion toggle??
__________________
I am Doyle please insert code.
  #2 (permalink)  
Antiguo 07/01/2010, 06:49
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 11 meses
Puntos: 65
Respuesta: agregar Next y Previous a Treeview

tenes que generar un clic nomas, fijate que al hacer click en el enlace busco la etiqueta span de el li con index 1 y disparo un click

Código HTML:
$("#treeView").treeview({ collapsed: true});
$('#item2').click( function (){
    $('#treeView > li:eq(1) span').click();
});
Código HTML:
<ul id="treeView">
    <li><span>Item 1</span>
        <ul>
            <li><span>Item 1.0</span></li>
            <li><span>Item 1.1</span></li>
            <li><span>Item 1.2</span></li>
        </ul>
    </li>
    <li><span>Item 2</span>
        <ul>
            <li><span>Item 2.0</span></li>
            <li><span>Item 2.1</span></li>
            <li><span>Item 2.2</span></li>
        </ul>
    </li>
    <li><span>Item 3</span>
        <ul>
            <li><span>Item 3.0</span></li>
            <li><span>Item 3.1</span></li>
            <li><span>Item 3.2</span></li>
        </ul>
    </li>
</ul>
<a href="#" id="item2">Abrir Item 2</a> 
  #3 (permalink)  
Antiguo 07/01/2010, 07:13
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 16 años, 4 meses
Puntos: 35
Respuesta: agregar Next y Previous a Treeview

Gracias Dany_s, pero si utilizo otro enlace "Abrir Item 3", como tendria que hacer para que abra la lista de Item3 pero cierre las otras lista?
__________________
I am Doyle please insert code.
  #4 (permalink)  
Antiguo 07/01/2010, 07:20
 
Fecha de Ingreso: diciembre-2009
Ubicación: Misiones
Mensajes: 867
Antigüedad: 14 años, 11 meses
Puntos: 65
Respuesta: agregar Next y Previous a Treeview

tenes que poner el parámetro unique: true que tiene treeview para tener un único item abierto

Código HTML:
$("#treeView").treeview({ collapsed: true, unique: true});
  #5 (permalink)  
Antiguo 07/01/2010, 07:48
 
Fecha de Ingreso: junio-2008
Ubicación: Capital Federal xD
Mensajes: 1.208
Antigüedad: 16 años, 4 meses
Puntos: 35
Respuesta: agregar Next y Previous a Treeview

Ok ahora va tomando forma, gracias Dany_s!
__________________
I am Doyle please insert code.

Etiquetas: previous, treeview
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:09.