Modal Fluig Itens

Boa tarde,

Estou utilizando o Modal para cadastrar dados adicionais do item, o modal não tem vínculo com a linha? Preciso guardar os valores do modal em campos ocultos da linha? Porque quando for visualizar novamente o modal eu vou ter que subir os valores novamente?

@Luciano, boa tarde!!

Precisa guardar sim, pois ele não armazena automaticamente para você!!

Rodolfo então em cada etapa que precisar visualizar o modal eu preciso passar os valores para ele novamente?

Sim, você vai precisar carrega-lo, visto que ele monta o html em tempo de execução e pela sua chamada!

Como passo para salvar pelo botão save? Função? tem algum exemplo?

Eu coloco assim:


$(document).on("click", "[data-alguma-coisa]", function(ev){
   // código aqui...
});

Em widgets em coloco no dentro do método init.

Ou pode-se usar o padrão utilizados pelas super widget:


var MyWidget = SuperWidget.extend({
    bindings: {
        local: {
            'alguma-coisa': ['click_saveModal'] // sem o data-
        },
        global: {}
    },
	 
    /*
    el: Object of the HTML element
    ev: Object of the event triggered
    */
    saveModal: function(el, ev) {
        //your code here
    }
});

Nesse código:
$(document).on(“click”, “[data-alguma-coisa]”, function(ev){
// código aqui…
});

Como passo para o formulário o valor de um campo que está no Modal ?


$("#idCampoForm").val($("#idCampoModal").val());

Rodolfo, não deu certo. Abaixo o trecho do código.

function myModal()
{
FLUIGC.modal(
{

actions: [{
‘label’: ‘Save’,
‘bind’: ‘data-open-modal’,
‘autoClose’: true

},{
    'label': 'Close',
    'autoClose': true
}]
  
}
)

// column2_1 = Campo do Fórmulário
// drop_tpmat = Campo do Modal
$(document).on("click", "[data-open-modal]", function(ev){
    $("#column2_1").val($("#drop_tpmat").val());
});

}

Tira esse ‘autoClose’: true do bind do botão de salvar, pois se fechar o modal não vai ter mais o campo. Ai para fechar o modal, dentro da function do bind, depois de salvar os campos, coloca assim:


$("#idModal").modal('hide');

Uma duvida qual o id do seu modal, não é igual seu bind? se for, deixe diferente!

O Id do Modal é: fluig-modal
No final ficou assim, e não deu certo ainda.

$(document).on(“click”, “[data-open-modal]”, function(ev){
$(“#column2_1”).val($(“#drop_tpmat”).val());
$(“#fluig-modal”).modal(‘hide’);

Coloca seu fonte inteiro, pois não tem segredo, era para funcionar, hehe!! Dá uma olhada no console do navegador, ver se tem algum erro!

Os campos estão com atributos name apenas, ou acrescenta um id nos campos ou faça assim:


$("input[name='column2_1']").val($("input[name='drop_tpmat']").val());

@Rodolfo, bom dia.
O problema acredito que está no conceito de itens.
No formulário preciso incluir itens para aprovação e para cada item eu preciso abrir o modal preencher alguns valores, e ao salvar no modal preciso preencher os valores do modal na linha do item.

Voce terá que montar uma lógica para saber em qual item adicionar, tipo ter um campo dizendo qual o item quando carrega o modal. Mas para passar o valor para o item é desta forma que mencionei, seja por id ou name, não tem erro!

Rodolfo, segue fonte completo do formulário.

:warning: Atenção: Esta publicação foi transferida automaticamente do fórum antigo, mas os anexos não foram incluídos.