Modal sem precisar inicializar pelo JavaScript - Estilo Bootstrap

TOTVS Fluig Páginas (WCM)
, , , ,
2

Oi Bruno, não sei se isso vai te ajudar, mas, eu tenho no html (form) um template (código abaixo):




<script type="text/template" id="detail_template" class="detail_template">
        {{#value}}
        <div class="detItem">
            <div class="row">
                <div class="col-md-4">
                <label class="control-label">Cód. Tarefa</label>
                <input class="form-control" type="text" name="codtarefa" id="codtarefa" readonly="on"  value="{{CODTRF}}"/>
                </div>            
                <div class="col-md-8">
                <label class="control-label">Tarefa</label>
                <input class="form-control" type="text" name="tarefadet" id="tarefadet" readonly="on"  value="{{NOMETRF}}"/>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <label class="control-label">Pre&ccedil;o Unit. Or&ccedil;ado</label>
                    <input class="form-control" type="text" name="precoorcado" id="precoorcado" readonly="on" value="{{#getPreco}} {{.}} {{/getPreco}}"/>
                </div>
                <div class="col-md-8">
                    <label class="control-label">Contrato</label>
                    <input class="form-control" type="text" name="contrato" id="contrato" readonly="on" value="{{IDCNT}}"/>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <label class="control-label">Motivo Pedido</label>
                    <input class="form-control" type="text" name="motivoPedido" id="motivoPedido" readonly="on" value="{{DSCMOTIVOPEDIDOEXTRA}}"/>
                </div>
                <div class="col-md-12">
                    <label class="control-label">Detalhamento do motivo</label>
                    <textarea class="form-control" rows="2" name="detMotivo" id="detMotivo" readonly="on">{{MOTIVO}}</textarea>
                </div>
            </div>
        </div>
        {{/value}}
    </script>

e no js a chamada eu faço assim:




function openModalDetalhe(id)
    {
        var template = Mustache.to_html($('#detail_template').html(), 
        { 
            value: dsItensPedido.values[id],            
            getPreco: function () { 
                    return function (text, render) {                         
                        return formatMoney(dsItensPedido.values[id].PRECOORCADO, dsItensPedido.values[id].CODMOEDA); 
                    } 
                } 
        });
        var myModal = FLUIGC.modal({
                                    title: 'Detalhe do Item - ' + dsItensPedido.values[id].CODIGOPRD + " - " + dsItensPedido.values[id].NOMEFANTASIA,
                                    content: template,
                                    id: 'detail-modal',
                                    actions: [{
                                        'label': 'Fechar',
                                        'autoClose': true
                                    }]
                                }, function(err, data) {
                                    if(err) {
                                        // do error handling
                                    } else {
                                        // do something with data
                                    }
                                });        
    }

precisei importar o 


<script type="text/javascript" src="/portal/resources/js/mustache/mustache-min.js"></script>