[SOLUCIONADO] Problemas con el RENDERED en JSF activado por AJAX

[Daniello23]

Hola muy buenas,

Ando desesperado porque no se por qué no me funciona el RENDERED en JSF que cambio por AJAX.

En la JSF tengo:

Código:

            <f:view>
                <h:form>
                    <p:panel header="#{msgs.createTitlePage}" styleClass="cajamediana">
                        <h:panelGrid columns="2" cellpadding="10">
                            
                            <p:outputLabel value="#{msgs.typeOfObject}"/>
                            <p:selectOneMenu value="#{drdObjectMB.typeOfObjectSelected}">                                                                   
                                <f:selectItem itemValue="#{msgs.selectOriginal}" itemLabel="#{msgs.selectOriginal}"/>
                                <f:selectItem itemValue="#{msgs.selectAdapted}" itemLabel="#{msgs.selectAdapted}"/>
                                <p:ajax event="change" update="fileNameOr,descriptionFile,hasAdaptationText,hasAdaptation"
                                        listener="#{drdObjectMB.updateOutputLabels}"/>  
                            </p:selectOneMenu>

                            <p:outputLabel id="fileNameOr" value="#{drdObjectMB.createNameFileText}"/>
                            <p:inputText value="#{drdObjectMB.fileName}" size="25">
                            </p:inputText>

                            <p:outputLabel id="descriptionFile" value="#{drdObjectMB.descriptionFileText}"/>
                            <p:inputTextarea value="#{drdObjectMB.description}" 
                                             rows="2" cols="25" />

                            <p:outputLabel id="hasAdaptationText" value="#{msgs.createHasAdaptation}" rendered="#{drdObjectMB.hideFields}"/>
                            <p:inputText id="hasAdaptation" value="#{drdObjectMB.hasAdaptation}" rendered="#{drdObjectMB.hideFields}" size="25">
                            </p:inputText>

Con el selectOneMenu consigo cambiar los outputLabel pero no consigo ocultar los outpulabel (id="hasAdaptationText") y inputText (id="hasAdaptation").

La clase java drdObjectMB con la función updateOutputLabels cambia los textos de los outputlabel y el campo boolean hideFields a TRUE y FALSE dependiendo del valos del selectOneMenu.

Código:

    public void updateOutputLabels(){
        
        if (this.typeOfObjectSelected.equals("Objeto original") || this.typeOfObjectSelected.equals("Original Object") ){
            this.typeOfObjectSelected = constantes.Constantes.obTypeOr;
            this.createNameFileText=utilities.Utility.readPropertiesByKey("createNameFileOr");
            this.descriptionFileText=utilities.Utility.readPropertiesByKey("createDescriptionFileOr");
            this.hideFields = true;
        }else if (this.typeOfObjectSelected.equals("Objeto adaptado") || this.typeOfObjectSelected.equals("Adapted Object") ){
            this.typeOfObjectSelected = constantes.Constantes.obTypeAd;
            this.createNameFileText= utilities.Utility.readPropertiesByKey("createNameFileAd");
            this.descriptionFileText=utilities.Utility.readPropertiesByKey("createDescriptionFileAd");  
            this.hideFields = false;
        }
    }

Pero no se ocultan los campos.
Por qué puede ser?!?!

[farfamorA]

Esta respuesta puede ayudarte, a mi me sirvió:
http://stackoverflow.com/a/9010771/1895645
"Ajax updating is performed by JavaScript language in the client side. All which JavaScript has access to is the HTML DOM tree. If JSF does not render any component to the HTML output, then there's nothing in the HTML DOM tree which can be obtained by JavaScript upon Ajax update. JavaScript cannot get the desired element by its ID."

Visita también el link que adjunta esa respuesta:
http://balusc.blogspot.com/2011/09/c...onallyRendered
" You need to ensure that the render ID points to a component which is already present in the JSF-generated HTML output."

Básicamente te recomienda que debes hacer esto:

Código XML:

<h:panelGroup id="hasAdaptation">
       <p:outputLabel id="hasAdaptationText" value="#{msgs.createHasAdaptation}"  />
       <p:inputText id="hasAdaptation" value="#{drdObjectMB.hasAdaptation}" size="25" />
</h:panelGroup>
 

Y usar el atributo render de la etiqueta f:ajax

Código XML:

<f:ajax render=":hasAdaptation" />
 

Espero que te sirva de ayuda.

[Daniello23]

Iniciado por farfamorA

Esta respuesta puede ayudarte, a mi me sirvió:
[url]http://stackoverflow.com/a/9010771/1895645[/url]
"Ajax updating is performed by JavaScript language in the client side. All which JavaScript has access to is the HTML DOM tree. If JSF does not render any component to the HTML output, then there's nothing in the HTML DOM tree which can be obtained by JavaScript upon Ajax update. JavaScript cannot get the desired element by its ID."

Visita también el link que adjunta esa respuesta:
[url]http://balusc.blogspot.com/2011/09/communication-in-jsf-20.html#AjaxRenderingOfContentWhichIsByItselfCondi tionallyRendered[/url]
" You need to ensure that the render ID points to a component which is already present in the JSF-generated HTML output."

Básicamente te recomienda que debes hacer esto:

Código XML:

<h:panelGroup id="hasAdaptation">
       <p:outputLabel id="hasAdaptationText" value="#{msgs.createHasAdaptation}"  />
       <p:inputText id="hasAdaptation" value="#{drdObjectMB.hasAdaptation}" size="25" />
</h:panelGroup>
 

Y usar el atributo render de la etiqueta f:ajax

Código XML:

<f:ajax render=":hasAdaptation" />
 

Espero que te sirva de ayuda.

Joder, muchísimas gracias!!!

Era eso!!

Al final he englobado las etiquetas que quería ocultar/mostrar en elementos <h: y sí que me funciona:

Código:

                            <p:outputLabel value="#{msgs.typeOfObject}"/>
                            <p:selectOneMenu value="#{drdObjectMB.typeOfObjectSelected}">                                                                   
                                <f:selectItem itemValue="#{msgs.selectOriginal}" itemLabel="#{msgs.selectOriginal}"/>
                                <f:selectItem itemValue="#{msgs.selectAdapted}" itemLabel="#{msgs.selectAdapted}"/>
                                <f:ajax render="fileNameOr descriptionFile hasAdaptation hasAdaptation2" listener="#{drdObjectMB.updateOutputLabels}" event="change" />
                            </p:selectOneMenu>



                            <h:column>
                                <h:panelGrid id="hasAdaptation">
                                    <p:outputLabel value="#{msgs.createHasAdaptation}" rendered="#{drdObjectMB.hideFields}"/>
                                </h:panelGrid>
                            </h:column>
                            <h:column>
                                <h:panelGrid id="hasAdaptation2">
                                    <p:inputText value="#{drdObjectMB.hasAdaptation}" rendered="#{drdObjectMB.hideFields}" size="25">
                                    </p:inputText>       
                                </h:panelGrid>
                            </h:column>