rich:autocomplete not working in a4j:outputPanel

[lvp]

Hi

Am a newbie to RichFaces 4.

Currently we are in the process of migrating from Rich 3.3.x to Rich 4.

We are having a problem with migrating the rich:suggestionbox to rich:autocomplete

The Rich 3.3.x code is as follows :

<rich:column id="colRecipient" styleClass="recipient" title="ABC">    
    <ui:include src="rowEditSupport.jspx" />     

     <h:outputText id="outRecipient" value="Foo"
      rendered="#{xxx}"/>

     <h:inputText id="inRecipient" size="20"
       value="Foo"
       rendered="#{xxx}"
       styleClass="textbox" />
     
     <rich:suggestionbox id="recipientList"
      suggestionAction="#{fooBackBean.suggestRecipient}"
      var="recipient" for="inRecipient" 
      nothingLabel="No Value Found" fetchValue="#{recipient.recipientName}"
      selectValueClass="suggestion-select-value"
      styleClass="suggestion-style"
      popupClass="suggestion-popup" 
      selectedClass="selected-row"
      entryClass="entry-row"
      ignoreDupResponses="true"
      usingSuggestObjects="false"
      selfRendered="true"
      eventsQueue="foo"
      immediate="true"
      frequency="0"
      limitToList="true"
      minChars="3"  >
     
      <h:column>
         <h:outputText value="#{recipient.recipientName}"/>
      </h:column>
     
          
     <a4j:support actionListener="#{fooBackBean.setRecipientIdBySuggestionBox}"
      event="onselect" reRender="inRecipient" limitToList="true">
      <f:attribute name="selectedRecipient" value="#{recipient}"/>
     </a4j:support>
     
     </rich:suggestionbox>
        
   </rich:column>

The new Rich 4 code is

<rich:column id="colRecipient" styleClass="recipient">

    <a4j:outputPanel id="panelRecipientCol"> 

     <h:outputText id="outRecipient" value="Foo"

      rendered="#{xxx}" />

     <rich:autocomplete mode="cachedAjax" minChars="2"

             id="sgstRecipient"

             layout="table"

             value="Foo"

             rendered="#{xxx}"

               autocompleteMethod="#{fooBackBean.suggestRecipient}"

               autocompleteList="#{fooBackBean.recipients}"

               var="recipient"

               fetchValue="#{recipient.recipientName}">

      <rich:column>

       <h:outputText value="#{recipient.recipientName}" />

      </rich:column

      </rich:autocomplete>

    </a4j:outputPanel>

   </rich:column>

but the autocomplete is not working .also how to replace the actionListener ?

[lfryc]

Hello, please refer the documentation  for rich:autocomplete:

http://docs.jboss.org/richfaces/nightly_4_0_X/Component_Reference/en-US/html/chap-Component_Reference-Rich_inputs.html#sect-Component_Reference-richautocomplete-Basic_usage

You should use one of autocompleteMethod or autocompleteList attributes but not both of them.

[bcn]

I have the problem that an autocomplete component, that works correctly, stops working when placed in an a4j:outputPanel.

When the number of minChars is reached, the focus leaves the field and no suggestion list is shown.

        <a4j:outputPanel ajaxRendered="true" layout="block">

            <rich:autocomplete id="cityName" minChars="3" mode="ajax"

                 value="#{bean.locationBean.cityName}"

                autocompleteMethod="#{locationBean.suggestCities}"

                selectFirst="false">

.... other stuff

    </a4j:outputPanel>

I put the a4j:outputPanel because I need an update of the fields from a rich:tree node selection.

Thanks

[elisei]

Hi,

I also experience a similar problem. If I place <rich:dataTable> in a <a4j:outputPanel> the <rich:dataScroller> is rendered correctly, but the paging does not work.

/Elisei

[bcn]

Hi elisei,

I found a workaround in my case: the component that triggers the ajax update has an attribute render.

Remove the a4j:outputPanel and put the value of render to the id of your autocomplete component. You can also put several ids separated by commas.

Regards

[elisei]

Hi u j,

indeed. The same works also for me. It's a good workaround. But, is this phenomena a bug? If it is so, then it should be reported.

Cheers

/Elisei

[ilya_shaikovsky]

u j in your case ajaxRender will nto works good as the panel with the component would be updated on all the request from autocomplete for data fetching and not only when a4j:ajax or jsFunction triggered. So the list wil be immediatelly closed as autocomplete itself getting reinitialized.

Be carefull while setting autoupdates, them should be always reasonable(in order not to influece performance much) and do not contain components which sends internal requests on their own as such components could be broken in the result getting re-constructed on just internal requests for data.

elisei, to help you need more info.

[ilya_shaikovsky]

B.t.w.. that thread should be moved to just RichFaces space. RF dev - for RF design discussions,.