the h:textArea and h:textInput on the popup fail to pass their values to the bean

[dp]

Hi. I have the following issue
When the a4j:commandLink(at the end of the code) is clicked, the h:textArea and h:textInput on the popup fail to pass their values to the bean(setters for contentItemBean.userContentItemFeedback.title and contentItemBean.userContentItemFeedback.comment are never called). The setter only initiated when the ModalPanel is hidden(onclick="Richfaces.hideModalPanel('lsWrapperPanel');").

      <div class="submitAReviewPopUp" style="padding-top:10px;">
                <div class="floatLeft">

                    <h:inputText id="feedback" value="#{contentItemBean.userContentItemFeedback.title}" required="false"
                                 styleClass="textHint" title="Please enter the title of your feedback"/>

                    <a4j:outputPanel id="ratingPanel" layout="block" styleClass="rating">
                        <a4j:region>
                            <a4j:commandLink action="#{contentItemBean.rateItem}" reRender="ratingPanel"
                                             onclick="remHint();clearBlockUI();" oncomplete="prepHints();unblockUI();">
                                <s:conversationId></s:conversationId>
                                <img src="images/icon/#{(not empty contentItemBean.userContentItemFeedback.contentRating and contentItemBean.userContentItemFeedback.contentRating.value gt 0) ? 'rating-on.png' : 'rating-off.png'}"/>
                                <f:param name="value" value="1"/>
                            </a4j:commandLink>
                            <a4j:commandLink action="#{contentItemBean.rateItem}" reRender="ratingPanel"
                                             onclick="remHint();clearBlockUI();" oncomplete="prepHints();unblockUI();">
                                <s:conversationId></s:conversationId>
                                <img src="images/icon/#{(not empty contentItemBean.userContentItemFeedback.contentRating and contentItemBean.userContentItemFeedback.contentRating.value gt 1) ? 'rating-on.png' : 'rating-off.png'}"/>
                                <f:param name="value" value="2"/>
                            </a4j:commandLink>
                            <a4j:commandLink action="#{contentItemBean.rateItem}" reRender="ratingPanel"
                                             onclick="remHint();clearBlockUI();" oncomplete="prepHints();unblockUI();">
                                <s:conversationId></s:conversationId>
                                <img src="images/icon/#{(not empty contentItemBean.userContentItemFeedback.contentRating and contentItemBean.userContentItemFeedback.contentRating.value gt 2) ? 'rating-on.png' : 'rating-off.png'}"/>
                                <f:param name="value" value="3"/>
                            </a4j:commandLink>
                            <a4j:commandLink action="#{contentItemBean.rateItem}" reRender="ratingPanel"
                                             onclick="remHint();clearBlockUI();" oncomplete="prepHints();unblockUI();">
                                <s:conversationId></s:conversationId>
                                <img src="images/icon/#{(not empty contentItemBean.userContentItemFeedback.contentRating and contentItemBean.userContentItemFeedback.contentRating.value gt 3) ? 'rating-on.png' : 'rating-off.png'}"/>
                                <f:param name="value" value="4"/>
                            </a4j:commandLink>
                            <a4j:commandLink action="#{contentItemBean.rateItem}" reRender="ratingPanel"
                                             onclick="remHint();clearBlockUI();" oncomplete="prepHints();unblockUI();">
                                <s:conversationId></s:conversationId>
                                <img src="images/icon/#{(not empty contentItemBean.userContentItemFeedback.contentRating and contentItemBean.userContentItemFeedback.contentRating.value gt 4) ? 'rating-on.png' : 'rating-off.png'}"/>
                                <f:param name="value" value="5"/>
                            </a4j:commandLink>
                        </a4j:region>
                    </a4j:outputPanel>
                    <s:decorate template="/layout/fieldWithErrors.xhtml">
                        <ui:param name="controlId" value="feedback"/>
                    </s:decorate>
                </div>
                <div class="floatLeft">
                    <h:inputTextarea id="feedbackReview" value="#{contentItemBean.userContentItemFeedback.comment}" required="false"
                                     styleClass="textHint" title="Please enter your feedback"/>
                    <s:decorate template="/layout/fieldWithErrors.xhtml">
                        <ui:param name="controlId" value="feedbackReview"/>
                    </s:decorate>
                </div>
                <div class="floatLeft">
                    <div class="submitButton">
                        <a4j:commandLink action="#{contentItemBean.saveUserAssetFeedback}" status="uniBlock"
                                         reRender="currentRating, allFeedbackPanel" onclick="Richfaces.hideModalPanel('lsWrapperPanel');">
                            <img src="images/buttons/submit.png" alt="" title="Submit"/>
                        </a4j:commandLink>
                    </div>
                </div>
            </div>

Do you have any ideas on that?

[dp]

I managed to resolve the issue the following way...

<h:inputTextarea id="feedbackReview" value="#{contentItemBean.userContentItemFeedback.comment}" required="false"
styleClass="textHint" title="Please enter your feedback">
     <a4j:support event="onblur" ajaxSingle="true"/>
</h:inputTextarea>

but for now I'm not sure why I need this to make it work. If some one could explain that to me, I would greatly appreciate this.

[niox.nikospara.yahoo.com]

Hi,

I guess your code is part of a <rich:modalPanel> within a form, i.e.:

<h:form id="f1">
  <rich:modalPanel ...>
    [code from above]
  </rich:modalPanel>
</h:form>

You should put the modal panel outside the form and another form inside it as described in the specifications, e.g.:

<h:form id="f1">
  [other stuff]
</h:form>
<rich:modalPanel ...>
  <h:form id="f2">
    [code from above]
  </h:form>
</rich:modalPanel>

BTW, submitting on each blur event (the <a:support event="onblur" ...> solution above) will increase both network traffic and server load. I would not recommend it.

Hope it helps

[dp]

Thank for your explanation. It helped me to understand the cause of the issue, which is very important.