jsTree abrir una sucursal

estoy usando el plugin de jQuery jsTree, http://www.jstree.com/ soy capaz de expandir todo el árbol con el siguiente método:jsTree abrir una sucursal

$("#tree").jstree("open_all");

y también un nodo específico:

$("#tree").jstree("open_node", $('#childNode'));

Tengo dificultades para abrir una rama del árbol, la rama abierta la abre bien pero no abre la carpeta principal si tiene una.

¿Alguien ha hecho esto con éxito con jsTree? Hágame saber si necesita más información.

Gracias

Eef

Fuente

2010-11-13 RailsSon

Usted podría utilizar la unión

$("#tree").bind("open_node.jstree", function (event, data) { 
    if((data.inst._get_parent(data.rslt.obj)).length) { 
    data.inst._get_parent(data.rslt.obj).open_node(this, false); 
    } 
});

Fuente

2010-11-16 14:28:45 Bob

¿no debería haber algún tipo de 'desvinculación' al final? –

@NirO. ¿por qué razón? –

Su código de sucursal abierta es correcta.

Por ejemplo. Fuente del tronco:

<div id="treeTask"> 
     <ul> 
      <li id="node_37"><a href="#">TEST1</a> 
       <ul> 
        <li id="node_38"><a href="#">TEST2</a></li> 
        <li id="node_39"><a href="#">TEST3</a></li> 
       </ul> 
      </li> 
     </ul> 
    </div>

nodo abierto:

$("#treeTask").jstree("open_node", $("#node_38"));

Fuente

2010-11-13 07:25:52

¡Funcionó como un encanto! : D – Damiii

Esto funciona porque ha definido nodos en HTML, por lo que todos se cargan y DOM se construye en el momento en que llama a open_node. Desafortunadamente, este no es el caso si usa datos JSON para construir el árbol. –

i encontrado código de Ted trabajo, pero tuvo que cambiar un poco:

$('#jsTree').bind("open_node.jstree", function (event, data) { 
     if((data.inst._get_parent(data.rslt.obj)).length) { 
     data.inst.open_node(data.inst._get_parent(data.rslt.obj), false,true); 
     } 
    });

Fuente

2011-01-11 11:40:50

¿quién es Ted? –

Yo era Ted en el día :) – Bob

Pruebe este código para abrir el nodo hasta el n ° Le. vel

$("#myTree").jstree({options}).bind('loaded.jstree', function (e, data) { 
    /** 
    * Open nodes on load (until x'th level) 
    */ 
    var depth = 3; 
    data.inst.get_container().find('li').each(function (i) { 
     if (data.inst.get_path($(this)).length <= depth) { 
      data.inst.open_node($(this)); 
     } 
    }); 
});

Fuente

2013-03-18 19:58:49 Arvind

Esto es meses tarde, pero esto es lo que estaba buscando, gracias. Sin embargo, falta un '});' al final. –

Una solución realmente agradable. – himanshupareek66

agregó el cierre '});' a la respuesta para resolver el problema detectado por @dev_row – martincarlin87

Aquí está la función que puede abrir un nodo específico y todos sus padres.

function expandNode(nodeID) { 
    // Expand all nodes up to the root (the id of the root returns as '#') 
    while (nodeID != '#') { 
     // Open this node 
     $("#jstree").jstree("open_node", nodeID) 
     // Get the jstree object for this node 
     var thisNode = $("#jstree").jstree("get_node", nodeID); 
     // Get the id of the parent of this node 
     nodeID = $("#jstree").jstree("get_parent", thisNode); 
    } 
}

Fuente

2014-02-05 20:19:49

// Expand pasted, dragged and dropped node for jstree 3.3.1 
     var objtree = $('#jstree'); 
     objtree.bind('paste.jstree', function(e, d) { objtree.jstree('open_all', '#' + d.parent); }); 
     $(document).bind('dnd_move.vakata', function(e, d) { objtree.jstree('open_all', $(d.event.target).closest('.jstree-node').attr('id')); }); 
     $(document).bind('dnd_stop.vakata', function(e, d) { objtree.jstree('open_all', $(d.event.target).closest('.jstree-node').attr('id')); });

Fuente

2016-07-17 10:23:51 dvpweb

Bienvenido a StackOverflow. Agregue más detalles a su respuesta y explique por qué esa es la forma "correcta" de hacerlo – Zoe

Ninguno de los anteriores trabajó para mí, así que he creado este código, y funciona como un encanto :)

$('#tree').on('open_node.jstree', function (event, data) { 
    if(data.node.parent !== "#") { 
     data.instance.open_node(data.node.parent); 
    } 
});

Fuente

2017-03-22 15:51:41 dzona

sólo tiene que utilizar esta opción si utiliza JSON

$("#treeId").on 
('loaded.jstree', function() { 
$("#treeId").jstree("open_node", $("#nodeId")); 
});

Fuente

2018-01-18 11:22:15

Respuesta

Cuestiones relacionadas