fluig forum

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