Removendo Item do ZOOM não entra na função removedZoomItem

Não estou conseguindo limpar os campos caso o item do zoom for excluido. Nem entra na função. O que esta errado?


function setSelectedZoomItem(selectedItem) {
            if (selectedItem.inputId = "num_reu" && document.getElementById("detail").value==""){
                $("#detail").val(selectedItem["fx"]);
                $("#tema").val(selectedItem["tema"]);
            }
            if (selectedItem.inputId = "txtrespativ"){
                $("#hdnrespativ").val("foi");
            }
        }

         function removedZoomItem(removedItem) {
            if (removedItem.inputId == "num_reu") {
                $("#detail").val("");
                $("#tema").val("");
            }
        }

HTML


<div class="col-md-6 col-sm-4 col-xs-12">
                    <div class="form-group">
                        <label for="meeting">N° da Reunião</label>
                        <input type="zoom" id="num_reu" name="num_reu"
                            data-zoom="{
                                'displayKey':'num_prot',
                                'datasetId':'dsAprovacaoPautas',
                                'maximumSelectionLength':'1',
                                'resultLimit':'3',
                                'placeholder':'Digite N° da reunião',
                                'fields':[
                                    {
                                      'field':'num_prot',
                                      'label':'Número da reunião',
                                      'standard':'true'
                                    },{
                                      'field':'tema',
                                      'label':'Tema da reunião'
                                    },{
                                      'field':'fx',
                                      'label':'Resumo'
                                    }
                                ]
                             }"
                        />
<div class="form-group">
    <label>i18n.translate("adhoc.form.detail")</label>
    <input type="hidden" name="hdetail" id="hdetail" />
    <textarea class="form-control no-resize" type="text" name="detail" id="detail" rows="8"
                            maxlength="4000" readOnly></textarea>
</div>
<div class="form-group">
    <label>Tema</label>
    <input type="hidden" name="htema" id="htema" />
    <input class="form-control" type="text" name="tema" id="tema" readOnly>
</div>

Olá Arnaldo,

Será que não está entrando ou não está funcionando?

Tenta trocar seu código que limpa o campo. Coloca:


function removedZoomItem(removedItem) {
            if (removedItem.inputId == "num_reu") {
                document.getElementById("detail").value = "";
                document.getElementById("tema").value = "";
                alert ("Código passou por aqui!"); 
            }
        }

Outra coisa, note que eu coloquei um alert alí no meio. Eu uso o alert pra saber se passa por alí ou não! Fica a dica!

...

Incremento com testes:

Arnaldo, conforme comentei, segue o teste que fiz aqui e funcionou blz!


<label for="meeting">N° da Reunião</label>
                        <input type="zoom" id="num_reu" name="num_reu"
                            data-zoom="{
                                'displayKey':'Modelo',
                                'datasetId':'ListarMaquinasLocacaoRM',
                                'maximumSelectionLength':'1',
                                'resultLimit':'3',
                                'placeholder':'Digite N° da reunião',
                                'fields':[
                                                    {'field':'codEquipamento', 'label':'Código'},
                                                    {'field':'Modelo', 'label':'Modelo', 'standard':'true'},
                                                    {'field':'local', 'label':'Local'}]
                             }"
                        />
                        <div class="form-group">
    <label>i18n.translate("adhoc.form.detail")</label>
    <input type="hidden" name="hdetail" id="hdetail" />
    <textarea class="form-control no-resize" type="text" name="detail" id="detail" rows="8"
                            maxlength="4000" readOnly ></textarea>
</div>
<div class="form-group">
    <label>Tema</label>
    <input type="hidden" name="htema" id="htema" />
    <input class="form-control" type="text" name="tema" id="tema" readOnly value="Teste de testes">
</div>

E agora a função:


function removedZoomItem(removedItem) {

    if (removedItem.inputId == "num_reu") {
        document.getElementById("detail").value = "";
        document.getElementById("tema").value = "";
        alert ("Código passou por aqui!"); 
    }


}

...

Arnaldo, conforme novo comentário, segue como chamo o arquivo com as funções:


<script language="javascript" type="text/javascript" src="ZoomCampos.js"></script>

Edner, realmente não esta entrando na função. O que esta errado?

Arnaldo, fiz um teste aqui. Copiei sua estrutura e só ajustei o dataset e os campo para um modelo que tenho aqui no carregamento de dados e funcionou! Apagou o conteúdo dos campos e ainda apareceu o alert.
Creio que deve ter alguma errada no seu código em si e não nas funções. Dê uma revisada aí se as divs estão sendo fechadas, se não tem function dentro de function ou então se sua estrutura zoom está de acordo com o padrão. Vou incrementar a resposta com o teste que fiz aqui. Valew

Onde vc esta chamando a função?

Faço assim no meu HTML:

E daí crio o arquivo no mesmo diretório do formulário. Código que colei não funcionou, vou incrementar a resposta