Открывать ветку при нажатии на узел? - PullRequest
Новая
       24

Открывать ветку при нажатии на узел?

24 голосов
/ 20 декабря 2010

Я застрял с jsTree здесь. Пока это работает, и я могу просматривать и расширять узлы с помощью значка [+] и открывать страницы при нажатии на узел, НО я все еще хочу, чтобы он расширял все непосредственные узлы всякий раз, когда кто-то нажимает на узел.

Я осматривался около 2 часов, но ничего не нашел. официальный сайт не очень полезен, потому что у них не хватает примеров, и это не очень хорошо задокументировано. взглянул на этот, но у меня тоже не получилось: http://luban.danse.us/jazzclub/javascripts/jquery/jsTree/reference/_examples/2_operations.html

я даже не получил сообщение об ошибке в firebug

вот как выглядит мой код прямо сейчас, дерево init: 

$(function () {
    $("#jstree").jstree({
    ....

функция срабатывает при нажатии на узел 

.delegate("a","click", function (e) { 
    //click on node
    var page_id = $(this).parent().attr("page_id");
    var idn = $(this).parent().attr("id").split("_")[1];
    /*
            dosnt seem to work either...
    $(this).jstree("openNode", $("#node_"+idn));
    $(this).jstree("openNode", "#node_"+idn);
    */
    page = "index.php?page_id="+page_id;
    //location.href = page;
})

.bind также не работал: 

$(this).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); 
    } 
})

Кто-нибудь видит, чего мне здесь не хватает ...?

Ответы [ 3 ]

39 голосов
/ 14 октября 2011

Вам необходимо привязать к select_node.jstree и вызвать toggle_node для экземпляра дерева при его запуске:

Для версий jsTree <3.0: </p> 

$("#your_tree").bind("select_node.jstree", function(event, data) {
  // data.inst is the tree object, and data.rslt.obj is the node
  return data.inst.toggle_node(data.rslt.obj);
});

Для версий jsTree> = 3.0 

$("#your_tree").bind("select_node.jstree", function (e, data) {
    return data.instance.toggle_node(data.node);
});
3 голосов
/ 01 февраля 2014

В более новой версии jsTree (3.0.0 согласно jsTree.js) мне пришлось немного изменить код, предоставляемый @justind, чтобы он работал: 

$("#jstree").bind("select_node.jstree", function (e, data) {
    return data.instance.toggle_node(data.node);
});
1 голос
/ 28 декабря 2010

Я использую это (casoUso - это связанная страница, fInvocaCasoUso - это функция для выполнения вызова). 

  $("#demo1").bind("select_node.jstree", function (e, data)
                    {
                        if (data.rslt.obj.attr("casoUso")!=undefined)
                        {
                            fInvocaCasoUso(data.rslt.obj.attr("casoUso"));
                        }
                        else
                        {
                            $("#demo1").jstree("toggle_node",data.rslt.obj);
                        }
                    });

Если узел имеет ссылку, он открывает, если нет, то поддеревооткрыт.В любом случае, вы должны иметь возможность объединить обе стороны «если», чтобы открыть ветку и выполнить вашу ссылку.Возможно выполнение: 

       $("#demo1").jstree("toggle_node",data.rslt.obj);
       fInvocaCasoUso(data.rslt.obj.attr("casoUso"));

Сделал бы это ...

...