Salvar estado apos envio do formulario

TOTVS Fluig Documentos (ECM)
, ,
1

Bom dia, estou desenvolvendo um formulário e utilizo uma biblioteca para fazer uma simples treeview(https://gijgo.com/tree).

O problema ocorre quando eu faço o envio do formulário e no momento em que vou visualizar, as informações da arvore não foram salvas, ela vem em branco. (print antes e depois em anexo)

A principio, gostaria de entender o que ocorre pra ela ficar em branco, mas como se trata de um plugin externo, gostaria de saber algum modo de guardar uma variavel referenciando a arvore, desta forma consigo carregar as informações quando estiver no modo "VIEW" e "MOD".

Muito obrigado.

2

João, nunca usei essa treeview, porém já tive que fazer uma gambiarra parecida com isso que vc quer fazer.

No meu caso, eu tinha dois combobox com multiseleção. Um listando todas as opções e o outro listando as opções selecionadas.

O Fluig não armazena dados de combobox com multiseleção, então o que fiz foi trabalhar com hiddens. Tudo que estava nos combos também estava nos hiddens, separado por vírgula. Aí toda vez que o formulário é aberto, eu carrego o conteúdo dos combos.

Você pode ir pelo mesmo caminho

Edit: Segue códigos abaixo:

Abaixo meus dois combobox, cada um com um hidden para ele:


<div class="row form-group">
    <div class="col-xs-4">
        <label for="gruposTrabalhoDisponiveis">Selecione Grupo de Trabalho</label>
        <select name="gruposTrabalhoDisponiveis" id="gruposTrabalhoDisponiveis" multiple="true" class="form-control">
        </select>
        <input type="hidden" name="hideGruposTrabCodDisponiveis" id="hideGruposTrabCodDisponiveis">
        <input type="hidden" name="hideGruposTrabDescDisponiveis" id="hideGruposTrabDescDisponiveis">
    </div>
    <div class="col-xs-1 text-center">
        <span>&nbsp;</span><br />
        <span>&nbsp;</span><br />
        <span class="fluigicon fluigicon-chevron-right fs-cursor-pointer" onclick="Caso.eventos.inserirGrupo()"></span><br />
        <span>&nbsp;</span><br />
        <span class="fluigicon fluigicon-chevron-left fs-cursor-pointer" onclick="Caso.eventos.retirarGrupo()"></span>
    </div>
    <div class="col-xs-4">
        <label for="gruposSelecionados">Grupo de Trabalho</label>
        <select name="gruposSelecionados" id="gruposSelecionados" class="form-control" multiple="true">
        </select>
        <input type="hidden" name="hideGruposCodSelecionados" id="hideGruposCodSelecionados">
        <input type="hidden" name="hideGruposDescSelecionados" id="hideGruposDescSelecionados">
    </div>
</div>

Toda vez que eu seleciono um grupo e passo da esquerda para a direita, armazeno em um hidden:


armazenaGrupoHide: function(){
    $('#hideGruposTrabCodDisponiveis').val('');
    $('#hideGruposTrabDescDisponiveis').val('');

    $('#gruposTrabalhoDisponiveis').find('option').each(function(){
        if($('#hideGruposTrabCodDisponiveis').val() == ""){
            $('#hideGruposTrabCodDisponiveis').val($(this).val());
            $('#hideGruposTrabDescDisponiveis').val($(this).text());
        }
        else{
            $('#hideGruposTrabCodDisponiveis').val($('#hideGruposTrabCodDisponiveis').val() + '|' + $(this).val());
            $('#hideGruposTrabDescDisponiveis').val($('#hideGruposTrabDescDisponiveis').val() + '|' + $(this).text());
        }
    });

    $('#hideGruposCodSelecionados').val('');
    $('#hideGruposTrabDescDisponiveis').val('');
    $('#gruposSelecionados').find('option').each(function(){
        if($('#hideGruposCodSelecionados').val() == ""){
            $('#hideGruposCodSelecionados').val($(this).val());
            $('#hideGruposTrabDescDisponiveis').val($(this).text());
        }
        else{
            $('#hideGruposCodSelecionados').val($('#hideGruposCodSelecionados').val() + '|' + $(this).val());
            $('#hideGruposTrabDescDisponiveis').val($('#hideGruposTrabDescDisponiveis').val() + '|' + $(this).text());
        }
    });
}

E toda vez que o formulário é aberto eu recarrego o conteúdo dos combobox:


exibeGrupoHide: function(){
    var scMatDisponiveis = $('input[name="hideGruposTrabCodDisponiveis"]').val();
    var listaSCMatDisponiveis = scMatDisponiveis.split('|');

    var scNomeDisponiveis = $('input[name="hideGruposTrabDescDisponiveis"]').val();
    var listaSCNomeDisponiveis = scNomeDisponiveis.split('|');

    $('select[name$="gruposTrabalhoDisponiveis"]').find('option').remove();
    for(var i = 0; i < listaSCMatDisponiveis.length; i++){
        $('select[name$="gruposTrabalhoDisponiveis"]').append(new Option(listaSCMatDisponiveis[i], listaSCNomeDisponiveis[i]));
    }

    $('select[name$="gruposTrabalhoDisponiveis"]').attr('disabled', true);

    var scMatSelecionados = $('input[name="hideGruposCodSelecionados"]').val();
    var listaSCMatSelecionados = scMatSelecionados.split('|');

    var scNomeSelecionados = $('input[name="hideGruposTrabDescDisponiveis"]').val();
    var listaSCNomeSelecionados = scNomeSelecionados.split('|');

    $('select[name$="gruposSelecionados"]').find('option').remove();
    for(var i = 0; i < listaSCMatSelecionados.length; i++){
        $('select[name$="gruposSelecionados"]').append(new Option(listaSCMatSelecionados[i], listaSCNomeSelecionados[i]));
    }

    $('select[name$="gruposSelecionados"]').attr('disabled', true);
}
3

Cara, é exatamente esse o meu problema! Porém eu não entendi muito bem a solução, me desculpa a burrice hahaha. Então, você guardava o que o usuario selecionou de alguma forma pra depois carregar exatamente a seleção dele quando o formulario for aberto? Como voce fez pra guardar a informação e depois carregar ela em outro momento?

4

Estou inserindo códigos para tentar exemplificar, aí você tenta adaptar para a sua necessidade