Load component collapse

Meu HTML,é um simples cadastro de tipo de câmera

<div class="panel panel-default panel-danger col-xs-06 col-sm-06 col-md-06 col-lg-06"
    name="problemaCftv">
    <div class="panel-heading bot-click">
        <h4 class="panel-title danger">
            <a class="collapse-icon up text-center"
                data-toggle="collapse" data-parent="#problemaCftv"
                href="#problemaCftv"> TIPO DE
                PROBLEMA</a>
        </h4>
    </div>
    <div id="problemaCftv" class="panel-collapse collapse in">
        <div class="panel-body">
            <div class="form-field" data-type="combo"
                data-show-properties=""
                data-field-name="comboProblemaCftv">
                <div class="form-input">
                    <div class="form-group">
                        <select
                            class="form-control text-center col-md-2"
                            name="comboProblemaCftv"
                            id="comboProblemaCftv">
                            <option selected disabled value="null">SELECIONAR O PROBLEMA DO CFTV</option>
                            <option value="CAMERA EMBACADA">CÂMERA EMBAÇADA </option>
                            <option value="CAMERA COM IMAGEM PRETO BRANCO OU TREMIDA"> CÂMERA COM IMAGEM PRETO/BRANCO OU TREMIDA </option>

                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Quando seleciono a opção Câmera Embaçada, o formulário carrega o componente para poder cadastrar mais itens. Porém quando envio para a próxima atividade o componente não mostra o cadastro dos itens da atividade inicial, tenho que selecionar outra opção no combobox e voltar a a seleção ai sim funciona. Precisaria fazer uma função para carregar esse cadastro atividades posteriores

Abaixo meu script com a function

$(document).ready(function () {
    //Chama o evento após selecionar um valor
    $('#comboProblemaCftv').on('change', function () {
        //HABILITA O CADASTRO PARA NOVAS CAMERAS
        if ((this.value == 'CAMERA EMBACADA')) {
            $("#teste2").show();
        }
        //DESABILTA O CADASTRO PARA NOVAS CAMERAS
        else {
            $("#teste2").hide();
        }
    });
});

Meu HTML com o cadastro dos novos itens

<!-- INICIO CADASTRO -->
<div class="panel panel-default panel-danger" id="teste2"
style='display:none;'>
<div class="panel-heading">
    <h4 class="panel-title">
        <a class="collapse-icon text-center" data-toggle="collapse"
            data-parent="#teste" href="#teste"> CADASTRO DE VÁRIAS
            CAMERAS 
        </a>
    </h4>
</div>

<div id="teste" class="panel-collapse collapse in">
    <div class="panel-body">
        <div class="form-field" data-type="tabledetail" data-show-properties="" data-field-name="INFORMA__ES_DA_">
            <div class="form-input">
                <div class="form-group">
                    <label>INFORMAÇÕES DA CAMERA</label>
                    <table tablename="tabledetailname2"
                        class="table" noaddbutton="true">
                        <thead>
                            <tr class="tableHeadRow">
                                <th class="tableColumn">NUMERO DO DVR</th>
                                <th class="tableColumn">NUMERO DA CAMERA</th>
                            </tr> 
                        </thead>
                        <tbody>
                            <tr class="tableBodyRow">
                                <td class="fs-v-align-middle">
                                    <div class="form-input">
                                        <input type="text" name="column1_2" class="form-control">
                                    </div>
                                </td>

                                <td class="fs-v-align-middle">
                                    <div class="form-input">
                                        <input type="text"
                                            name="column2_2"
                                            class="form-control">
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <button type="button" class="btn btn-primary" onclick="wdkAddChild('tabledetailname2')">INCLUIR NOVA CAMERA</button>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

CADASTRO DOS TIPOS DE PROBLEMAS

compartilhar
  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 function loading atividade ou faça a sua própria pergunta.