Versão atual:

Preencher campos no Modal

Bom dia!

Foi criado um Modal com alguns campos, e não entendi como que faz para que esses campos sendo preenchidos assim que a tela for aberta, como por exemplo a data e hora.

Vou colocar aqui a forma que tentei fazer, mas não trouxe em tela.

$('#target').on('click', 'tr', function() {
            var index = that.myTable.selectedRows()[0];
            var selected = that.myTable.getRow(index);
            console.log(selected);

            var myModal = FLUIGC.modal({
                title: 'Solicitação de Serviço',
                content: '<div class="panel panel-primary">' +
                            '<div class="panel-heading">' +
                                '<h3 class="panel-title">Informações</h3>' +
                            '</div>' +
                            '<div class="panel-body">' +
                                '<div class="form-group col-md-2">' +
                                    '<label for="txtBem">Bem/Localiz.:</label>' +
                                    '<input type="text" name="codbem" id="codbem" class="form-control" readonly="readonly">' +
                                '</div>' +
                                '<div class="form-group col-md-4">' +
                                    '<label for="txtDescBem">Desc.Bem/Loc:</label>' +  
                                    '<input type="text" name="nombem" id="nombem" class="form-control" readonly="readonly">' +
                                '</div>' +
                                '<div class="form-group col-md-2">' +
                                    '<label for="txtCC">Centro Custo:</label>' +  
                                    '<input type="text" name="ccusto" id="ccusto" class="form-control" readonly="readonly">' +
                                '</div>' +
                                '<div class="form-group col-md-4">' +
                                    '<label for="txtDescCC">Nome C.Custo:</label>' +  
                                    '<input type="text" name="nomcus" id="nomcus" class="form-control" readonly="readonly">' +
                                '</div>' +
                                '<div class="row">' +
                                    '<div class="form-group col-md-3">' +
                                        '<label for="txtDtAbert">Dt.Abertura:</label>' +  
                                        '<div class="input-group">' +
                                            '<input type="date" name="dataAbert" id="dataAbert" class="form-control" readonly="readonly">' +
                                        '</div>' +
                                    '</div>' +
                                    '<div class="form-group col-md-2">' +
                                        '<label for="txtHrAbert">Hr.Abertura:</label>' +  
                                        '<input type="time" name="horaAbert" id="horaAbert" class="form-control" readonly="readonly">' +
                                    '</div>' +
                                    '<div class="form-group col-md-2">' +
                                        '<label for="txtRamal">Ramal:</label>' +  
                                        '<input type="text" name="ramal" id="ramal" class="form-control">' +
                                    '</div>' +
                                    '<div class="form-group col-md-5">' +
                                        '<label for="txtSituacao">Situacao S.S:</label>' +  
                                        '<input type="text" name="soluca" id="soluca" class="form-control" readonly="readonly">' +
                                    '</div>' +
                                '</div>' +
                                '<div class="row">' +
                                    '<div class="form-group col-md-10">' +
                                        '<label for="txtServico">Serviço:</label>' +  
                                        '<div class="input-group">' +
                                            '<textarea id="servico" name="servico" rows="4" cols="100" maxlength="100"></textarea>' +
                                        '</div>' +
                                    '</div>' +
                                '</div>' +    
                            '</div>' +
                        '</div>',
                id: 'fluig-modal',
                size: 'large',
                actions: [{
                    'label': 'Save',
                    'bind': 'data-open-modal',
                },{
                    'label': 'Close',
                    'autoClose': true
                }]

            });
            var data           = new Date(),
            dia          = data.getDate().toString(),
            diaF        = (dia.length == 1) ? '0'+dia : dia,
            mes          = (data.getMonth()+1).toString(), //+1 pois no getMonth Janeiro começa com zero.
            mesF         = (mes.length == 1) ? '0'+mes : mes,
            anoF         = data.getFullYear(),
            hora        = data.getHours(),          // 0-23
            horaF       = (hora.lenght == 1) ? '0'+hora : hora,
            min         = data.getMinutes(),        // 0-59
            minF        = (min.lenght == 1) ? '0'+min :min,
            dataAtual   = diaF+"/"+mesF+"/"+anoF,
            horaAtual   = horaF + ':' + minF;

        $("#dataAbert").val(dataAtual);

        });

    });

Versão (1):

Ver a versão formatada

Preencher campos no Modal

  • criado 19 de Oct de 2018

Comentário

new question