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