Arvore

[Marcos_imasters 288]

Bom dia pessoal estou fazendo uma arvore,

 

a cada escada que faço tenho que adiciona manualmente alguem ajudaria a coloca automaticamente?

 

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

[wanderval 19]

Porque não usa a biblioteca d3.js?

[Marcos_imasters 288]

2 horas atrás, wanderval disse:

Porque não usa a biblioteca d3.js?

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

[wanderval 19]

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/

 

 

 

[Marcos_imasters 288]

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

[Marcos_imasters 288]

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

[wanderval 19]

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/

[Marcos_imasters 288]

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/

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/

[wanderval 19]

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.

 

[Marcos_imasters 288]

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.