Como faço para exibir dados json que está vindo de uma API, para um treeview??
Já tentei usar o plugin do JQuery o JStree, mas é muito complicado de entender já li a documentação mas não funcionou. Alguém teria uma ideia para eu exibir esses dados em uma árvore list ou seja uma TreeView.
Código javascript que faz a integração com a API e cria s JStree para exibir os dados.
var settings = {
“async”: true,
“dataType”: ‘json’,
“crossDomain”: true,
“url”: “http://192.168.0.57:8888/”,
“method”: “GET”,
“headers”: {}
}
$.ajax(settings).done(function (response) {
for(i=0;i<response.length;i++) {
// document.getElementById("testando").innerHTML = response[0].dados.estado_cliente;
console.log(response.dados[i]);
}
$("#resultadoECAC").jstree({
core:{
"data":response.dados[i]
}
})
});
Código que cria a div que exibe a árvore lista ou seja a TreeView:
<div class="row">
<div class="col-md-8 col-sm-offset-2">
<!-- Panel Basic -->
<div class="panel-nfe">
<div class="panel-heading">
<h3 class="panel-title">Logs</h3>
</div>
<div class="panel-body" id="form-log">
<div id="resultadoECAC"></div>
<form class="form-horizontal" enctype="multipart/form-data">
</form>
</div>
</div>
</div>
</div>