Salvando dados do Form em Modal

ola amigos,

Tenho um form dentro de um modal, entretanto não consigo salvar as informações cadastradas no form .. alguém tem o 'caminho das pedras' ?

obrgrigado amigos




        var myModal = FLUIGC.modal({
            title: 'Title',
            content: '<html>'+
                        '<head>'+
                            '<link type="text/css" rel="stylesheet" href="/style-guide/css/fluig-style-guide.min.css"/>'+
                            '<script type="text/javascript" src="/portal/resources/js/jquery/jquery.js"></script>'+
                            '<script type="text/javascript" src="/portal/resources/js/jquery/jquery-ui.min.js"></script>'+
                            '<script type="text/javascript" src="/portal/resources/js/mustache/mustache-min.js"></script>'+
                            '<script type="text/javascript" src="/style-guide/js/fluig-style-guide.min.js" charset="utf-8"></script>'+
                            '</head>'+
                                '<body>'+
                                   '<div class="fluig-style-guide"><form name="form" role="form">'+
                                     '<div class="form-group col-md-4">'+
                                       '<label for="cod_fornec">Descrição Sumária</label>'+
                                       '<input name="cod_fornec" id="cod_fornec" type="text" class="form-control">'+
                                     '</div><div class="form-group col-md-4">'+
                                       '<label for="cod_fornec2">Descrição Sumária2</label>'+
                                       '<input name="cod_fornec2" id="cod_fornec2" type="text" class="form-control"></div></form>'+
                                   '</div>'+
                                '</body>'+
                         '</html>',
            id: 'fluig-modal',
            actions: [{
                'label': 'Save',
                'bind': 'data-open-modal'
            },{
                'label': 'Close',
                'autoClose': true
            }]
        }, function(err, data) {
            if(err) {
                // do error handling
            } else {
                // do something with data
            }
        });

img001.PNG

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

Boa tarde,

Quando vc define um modal é dado a ele um id, como no exemplo:


var html = "<h1>teste</h1>"; // aqui vai o seu html dos campos do modal 
var modal = FLUIGC.modal({
            title : "Titulo Modal",
            content : "",
            id : 'idMeuModal',
            size : 'full',
            actions : [ {
                'label' : 'Adicionar',
                'bind' : "data-add-modal",
            }, {
                'label' : 'Fechar',
                'autoClose' : true,
                'bind' : "data-open-modal",
            } ]
        });

E então vc pode acessar os campos do modal assim:


$("#idMeuModal").find("#meuCampo").val();

Para salvar no formulário o valor desse campo basta vc armazenar em um campo que está no formulário, através do evento:


$("#idMeuModal").find("button[data-add-modal]").on("click", function() {
      let valorCampo = $("#idMeuModal").find("#meuCampo").val();
      $("#meuCampoFormulario").val(valorCampo);
});

Obrigado pelo retorno, meu formulário já está montado dentro do modal e funcionando (incluí o código do modal na abertura deste post) … , minha dificuldade é conseguir salvar os dados cadastrados

Vc não conseguiu salvar os dados usando o evento que coloquei acima?

Bom dia, até onde eu sei, o fluig só salva no dataset campos que estão no documento .HTML, campos criados via JS não são salvos. Você pode criar esses campos e deixar eles invisiveis. e depois atribuir os valores através do JS