2

Estou usando o plugin jsTree, tentando fazê-lo buscar as informações por AJAX.

No server side tenho quatro tabelas no banco, sendo cada uma um nível da árvore.

Tabela1
-Tabela2
--Tabela3
---Tabela4

Fazer o plugin buscar o primeiro nível foi fácil:

$("#tree").jstree({
    core: {
        data: {
            url: "/tabela1.json"
        }
    }
});

Mas não estou conseguindo acertar a sintaxe para fazê-lo buscar os outros nível, ao clique do usuário.

As duas tentativas abaixo não funcionaram:

$("#tree").jstree({
    core: {
        data: {
            url: "/tabela1.json",
            data: "/tabela2.json"
        }
    }
});

$("#tree").jstree({
    core: {
        data: {
            url: "/tabela1",
            data: {
                url: "/tabela2.json"
            }
        }
    }
});
7
  • Como estão organizados esses JSON? Telvez você precise de uma função se quiser controlar os subníveis. O jsTree é relativamente simples de usar, mas não estou conseguindo entender o que você está tentando fazer. Tem como mostrar as estruturas do JSON e como você quer organizá-las?
    – Largato
    22/09/2014 às 15:58
  • @Bacco É a primeira vez que utilizo este plugin. Eu ocultei os nomes das tabelas porque não convêm ao problema. Mas Tabela1 possui muitas Tabelas2, que possui muitas Tabelas3, que possui muitas Tabelas4. Para economizar banda, a ideia é buscar confirme o clique do usuário.
    – user7261
    22/09/2014 às 16:01
  • @Bacco No server side tenho rotas que retornam o formato correto que o jsTree pede, ou seja, {'id': 1, 'text': 'Texto'} e aceitam filtro por query string.
    – user7261
    22/09/2014 às 16:07
  • 1
    Acho que é o caso de você criar a sua função de load então, que é o parâmetro do data dos nodes jstree.com/docs/json no final da página.
    – Largato
    22/09/2014 às 16:08
  • @Bacco Neste caso tenho que usar $.getJSON e passar o retorno para a função cb?
    – user7261
    22/09/2014 às 16:25

1 Resposta 1

1

Pq vc não faz a chamada das tabelas cada uma por vez?

var urls = [];
urls[0] = "/tabela1.json";
urls[1] = "/tabela2.json";
urls[2] = "/tabela3.json";
urls[3] = "/tabela4.json";

for(i=0; i < urls.length){
    $("#tree").jstree({
        core: {
            data: {
                url: urls[i];
            }
        }
    });
}

Você deve fazer log-in para responder a esta pergunta.