Get an element id inside a p:dialog

Question

I need get an id of a inputText that is inside a p:dialog. I tried this way but nothing happened. Can anyone helpe me?

<h:form id="form">                    
<p:dialog header="Telefones" widgetVar="telefoneDialog" modal="true" showEffect="explode" hideEffect="explode" resizable="false">
    <p:outputPanel id="empresaTelefoneDialog">
            <p:panelGrid columns="3">
                <p:outputLabel for="tipoTelefones" value="Tipo "/>
                   <p:selectOneMenu id="tipoTelefones" value="#{empresaBean.telefone.tipo}">
                            <f:selectItem itemLabel="Fone 2" itemValue="Fone 2"/>
                            <f:selectItem itemLabel="Celular 2" itemValue="Celular 2"/>                        
                        </p:selectOneMenu>
                        <p:inputMask id="telefoneMask" mask='99-9999-99-99' value="#{empresaBean.telefone.telefone}"/>  
                        <h:commandButton value="Add" action="#{empresaBean.addTelefone()}"/>
            </p:panelGrid>
    </p:outputPanel>
</p:dialog>

$(document).ready(function(){

  $('#form\\:telefoneMask').click(function(){

  console.log("TESTE");
 });

});

I don't know about primefaces but `$('#form\\:telefoneMask')` need to be `$('#form\\:commandButton')` — Alive to die - Anant, Dec 05 '17 at 11:29
Is there any error in console? looks like you have typo right here $('#form\\:telefoneMask').click(function(){ — Arturs Soms, Dec 05 '17 at 12:20
Read this https://stackoverflow.com/questions/8634156/how-to-find-out-client-id-of-component-for-ajax-update-render-cannot-find-compo. Different subject but steps to take are the same. Just in the end escape it correctly (or use the PF eacapeClientID function) — Kukeltje, Dec 05 '17 at 16:32

score 0 · Answer 1 · answered Dec 05 '17 at 14:24

0

Try with this

$(document).ready(function(){
    $("#form input[id*='telefoneMask']").click(function(){
    console.log("TESTE");
});

This should return an input element, containing "telefoneMask" as part of the id attribute.

answered Dec 05 '17 at 14:24

AlkaRocks

81
1
4

Get an element id inside a p:dialog

1 Answers1