Botão para adicionar

Precisa adicionar uma função ao meu botão, onde ele adicione meu Body Completo.

A cada click do botão seja adicionado os seguintes:

<div>
                        <div class="panel panel-primary" id="Pautas">
                            <div class="panel-body" id = "pauta">
                                <div class="row">
                                    <div class="form-group col-md-6">
                                        <label for="dt_reuniao">Assunto Pauta</label>
                                        <input type="text" name="Ass_paut" id="Ass_paut" class="form-control">
                                    </div>
                                    <div class="form-group col-md-4">
                                        <label for="hora_reuniao">Responsável da Pauta</label>
                                        <input type="zoom" id = "resp_pauta" name="resp_pauta" 
                                                        data-zoom="{
                                                            'displayKey':'nome',
                                                            'datasetId':'dsFormContatos',
                                                            'placeholder':'Selecione o participante',
                                                            'fields':[
                                                                {'field':'nome', 'label':'Nome'},
                                                                {'field':'empresa', 'label':'Empresa'}
                                                            ]
                                                        }"
                                                     />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <table tablename="tabelaassuntos" id="tabelaassuntos" class="table" noaddbutton="true">
                                        <thead>
                                            <tr class="tableHeadRow"><th class="tableColumn">Número</th><th class="tableColumn">Assunto</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr class="tableBodyRow">
                                                <td class="fs-v-align-middle col-md-1">
                                                    <div class="form">
                                                        <label value="1" name="Num_Assunt" id="Num_Assunt">1</label>
                                                    </div>
                                                </td>
                                                <td class="fs-v-align-middle col-md-10">
                                                    <div class="form-input">
                                                        <input type="text" name="desc_assunto" class="form-control">
                                                    </div>
                                                </td>
                                                <td class="fs-v-align-middle col-md-1">
                                                    <div class="form-input">
                                                        <input type="button" class="btn btn-primary" name="anexo_Assunto"
                                                         id="anexo_acao" value="Anexar" onclick="showCamera1(this);" >
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>                                    
                                </div>
                                <div class="form-group">
                        <table tablename="tabelaacao" id="tabelaacao" class="table" noaddbutton="true">
                            <thead>
                                <tr class="tableHeadRow">
                                    <th class="tableColumn">Referência ação</th>
                                    <th class="tableColumn">Ação</th>
                                    <th class="tableColumn">Responsável</th>
                                    <th class="tableColumn">Data Inicio</th>
                                    <th class="tableColumn">Data de entrega</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="tableBodyRow">
                                    <td class="fs-v-align-middle col-md-1">
                                            <div class="form">
                                                <input type="number" name="ref_acao" class="form-control" mask = "0.0">
                                            </div>
                                        </td>
                                    <td class="fs-v-align-middle col-md-6">
                                        <div class="form-input">
                                            <input type="text" name="desc_acao" class="form-control">
                                        </div>
                                    </td>
                                    <td class="fs-v-align-middle col-md-2">
                                        <div class="form-input">
                                                <input type="zoom" id = "resp_acao" name="resp_acao" 
                                                        data-zoom="{
                                                            'displayKey':'nome',
                                                            'datasetId':'dsFormContatos',
                                                            'placeholder':'Selecione o participante',
                                                            'fields':[
                                                                {'field':'nome', 'label':'Nome'},
                                                                {'field':'empresa', 'label':'Empresa'}
                                                            ]
                                                        }"
                                                     />
                                        </div>
                                    </td>
                                    <td class="fs-v-align-middle col-md-1">
                                        <div class="form-input">
                                            <input type="date" name="dead_line" id="dead_line" class="form-control">
                                        </div>
                                    </td>
                                    <td class="fs-v-align-middle col-md-1">
                                        <div class="form-input">
                                            <input type="date" name="dt_entrega" class="form-control">
                                        </div>
                                    </td>
                                    <td class="fs-v-align-middle col-md-1">
                                        <div class="form-input">
                                            <input type="button" class="btn btn-primary" name="anexo_acao"
                                             id="anexo_Pauta" value="Anexar" onclick="showCamera2(this);" >
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        </div>                                
                            </div>
                            <button type="button" class="btn btn-primary" id="button_acao" onclick="wdkAddChild('tabelaacao')">Nova Ação</button>
                            <button type="button" class="btn btn-primary" id="button_assunto"  onclick="wdkAddChild('tabelaassuntos')">Novo Assunto</button>                        
                        </div>

                    </div>

Através de um botão novo, conforme inserido no print

compartilhar
  • @Henrique, acredito que a única funcionalidade que teria essa capacidade seria a tabela filha. São muitas DIVs? Você poderia colocar 5 no código já e iniciar elas como .hide(). E quando clicar no botão coloca .show()

    Leonardo Fioretti   04 de Oct de 2018
  • Mas note, dentro da minha páuta tenho mais botões de adicionar campos. ou seja, preciso que o click desse botão faça uma cópia geral do meu código

    Henrique   04 de Oct de 2018
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags dev fluig botao ou faça a sua própria pergunta.