Arvore

Porque não usa a biblioteca d3.js?

>

2 horas atrás, wanderval disse:

Porque não usa a biblioteca d3.js?

por que quero tem total controle, pra futuras modificações.

Entendi Marcos,

Bom Marcos fiz uma rápida alteração na sua lógica, adicionando um objeto no conceito flat, mas acretido não tenha ficado muito bom, tentei usar o seu metodo de remove, mas não consegui entender o que realmente é esperado pelo metodo, vou deixar aqui um link do fork que fiz da sua implmetação, me da um feedback, mas seu codigo ficou bom.

link: https://jsfiddle.net/p3tL1z2d/46/

>

18 horas atrás, wanderval disse:

Entendi Marcos,

Bom Marcos fiz uma rápida alteração na sua lógica, adicionando um objeto no conceito flat, mas acretido não tenha ficado muito bom, tentei usar o seu metodo de remove, mas não consegui entender o que realmente é esperado pelo metodo, vou deixar aqui um link do fork que fiz da sua implmetação, me da um feedback, mas seu codigo ficou bom.

link: https://jsfiddle.net/p3tL1z2d/46/

sim dei uma olhada aqui ja me deu umas ideias mais tipo tava precisando so de puxa em array ali mesmo pra carregar, vou da uma analisada e ver se melhoro alguma coisa desde ja agredeço

>

5 horas atrás, Marcos_imasters disse:

sim dei uma olhada aqui ja me deu umas ideias mais tipo tava precisando so de puxa em array ali mesmo pra carregar, vou da uma analisada e ver se melhoro alguma coisa desde ja agredeço

https://jsfiddle.net/aurasistemas/2g3uz5fh/

unico erro que ta dando aqui agora que nao esta adicionando na segundo escala

E ai marcos dei uma olhada achei o erro,

mude isso  na linha 49 no metodo drawerTree():

var textnode = document.createTextNode(node.nodee);

para

var textnode = document.createTextNode(nodee.data);

	Obs: mesmo com essa correção os demais niveis não iriam ser exibidos, fiz um outro fork e coloquei uma lógica recursiva em cima do array de children que você criou, e adicionei uma classe ".no-link" para os nós que não possuem filhos assim não exibiram a linha de link. da uma olhada;

	[https://jsfiddle.net/emtfa7h2/](https://jsfiddle.net/emtfa7h2/)

>

11 horas atrás, wanderval disse:

E ai marcos dei uma olhada achei o erro,

mude isso  na linha 49 no metodo drawerTree():

var textnode = document.createTextNode(node.nodee);

para

var textnode = document.createTextNode(nodee.data);

 Obs: mesmo com essa correção os demais niveis não iriam ser exibidos, fiz um outro fork e coloquei uma lógica recursiva em cima do array de children que você criou, e adicionei uma classe ".no-link" para os nós que não possuem filhos assim não exibiram a linha de link. da uma olhada;

 [https://jsfiddle.net/emtfa7h2/](https://jsfiddle.net/emtfa7h2/)

	show mano aqui com essa correção funcionou beleza fiz algumas modificasoes pra nao ocores bug veja acho que agora está funcioanndo beleza. so faltou a funcao de arrastar exemplo puxa a tela.

	 

	[https://jsfiddle.net/aurasistemas/2g3uz5fh/](https://jsfiddle.net/aurasistemas/2g3uz5fh/)

Sobre a exibição dos niveis eu tinha corrigido na função recursiva, somente a correção da linha 49 que mencionei corrigia apenas até o segundo nivel.

A respeito de adicionar um "id" acho que ficaria muito melhor, dos exemplos de arvore que já vi é dessa forma que é feito para aproveitar o id vindo do banco, vou passar um link que vi tb talvez te de novas ideias:

link: https://stackoverflow.com/questions/18017869/build-tree-array-from-flat-array-in-javascript

mas não coloque o atributo com o nome "identificador" deixa como "id" mesmo.

>

37 minutos atrás, wanderval disse:

Sobre a exibição dos niveis eu tinha corrigido na função recursiva, somente a correção da linha 49 que mencionei corrigia apenas até o segundo nivel.

A respeito de adicionar um "id" acho que ficaria muito melhor, dos exemplos de arvore que já vi é dessa forma que é feito para aproveitar o id vindo do banco, vou passar um link que vi tb talvez te de novas ideias:

link: https://stackoverflow.com/questions/18017869/build-tree-array-from-flat-array-in-javascript

mas não coloque o atributo com o nome "identificador" deixa como "id" mesmo.

sim mudei aqui agora acho que ta funcionando certinho.