Tree View en formulario Proceso

TOTVS Fluig Documentos (ECM)
,
1

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

2

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

3

Guilherme Fontaniva, O metodo bluidTV é colocado dentro do script em html?

4

Olá, 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.

5

muchas gracias Claudio