Hola. Buen día alguno de ustedes ha implementado tree view en un formulario de un proceso y que la data la tome de un dataset?
https://style.fluig.com/miscellaneous.html#treeview
Agradecería la ayuda. Saludos
Hola. Buen día alguno de ustedes ha implementado tree view en un formulario de un proceso y que la data la tome de un dataset?
https://style.fluig.com/miscellaneous.html#treeview
Agradecería la ayuda. Saludos
Não cheguei a utilizar o treeview do fluig, porem quando utilizei estruturas do tipo de árvore fiz algo assim:
<div id="myTreeview">
<ul id="treeData" style="display: none;"></ul>
</div>
function getItens(idPai) {
var c1 = DatasetFactory.createConstraint("idPai", idPai, idPai, ConstraintType.MUST);
var constraints = new Array(c1);
var orders = new Array("idPai");
var ds = DatasetFactory.getDataset("itensTV", null, constraints, orders);
return ds.values;
}
function buildTV() {
var raizes = getItens(null);
if(raizes) {
for(var i=0; i<raizes.length; i++) {
montaGalho(raizes[i], $('#treeData'));
}
}
var myTreeview = FLUIGC.treeview('#myTreeview');
}
function montaGalho(item, el) {
el.append('<li id="'+item.id+'">'+item.desc);
var filhos = getItens(item.id);
if(filhos) {
el.append('<ul></ul>');
for(var i=0; i<filhos.length; i++) {
montaGalho(filhos[i], el.find('ul'));
}
}
}
Caso precise de algo diferente para sua TreeView só alterar o código com suas necessidades
Guilherme Fontaniva, O metodo bluidTV é colocado dentro do script em html?
— Arthur 02 de Oct de 2017Olá, Ruben
Ya lo he utilizado
Html
<div id="myTreeview"></div>
Javascript
$(".objetos").each(function(index, elemento){
if(index > 0)
if($(elemento).val() != "")
{
var obj = JSON.parse($(elemento).val());
detalhes = [];
detalhes.push({
title : "Código:"+obj.C1_PRODUTO,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Descrição:"+obj.C1_DESCRI,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Marca:"+obj.C1_ZZMARCA,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Unidade de Medida:"+obj.C1_UM,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Quantidade:"+obj.C1_QUANT,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Segunda Unidade de Medida:"+obj.C1_SEGUM,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Quantidade Segunda Unidade de Medida:"+obj.C1_QTSEGUM,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Último Preço Comprado:"+obj.C1_ZZUPRC,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Grau:"+obj.C1_ZZGRAU,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Tipo de Compra:"+obj.C1_ZZTPCOM,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Previsão de Entrega:"+obj.C1_DATPRF,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Centro de Custo:"+obj.C1_CC,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
detalhes.push({
title : "Observação:"+obj.C1_OBS,
iconclass: "fluigicon fluigicon-arrow-turn-right"
});
itens.push({
title : obj.C1_DESCRI,
folder : true,
children: detalhes
});
}
});
lista_itens.push({
title : "Itens",
folder : true,
children: itens
});
var config = {
source: lista_itens
};
var myTreeview = FLUIGC.treeview('#myTreeview', config);
Sigue código para comprobar, cualquier duda sólo hablar.
muchas gracias Claudio
— Ruben Seoane 19 de Jul de 2017