Paginating the suggestionbox

[traviskds]

Hi,

I have been trying to create a pagination on the suggestionbox. Following is my code. What happens is that when I click on the next/previous link, the record highlighter bar goes to the next record but does not activate the autoCompleteEmail method.

Any ideas? Following is my code.

<rich:suggestionbox height="300" width="700" usingSuggestObjects="false"
suggestionAction="#{employeeList.autoCompleteEmail}" var="_employee"
for="emailAddress" fetchValue="#{_employee.emailAddress}"
minChars="100" rowClasses="suggest-table-cell" id="suggestion">
<f:facet name="header">
<rich:columnGroup>
<rich:column style="border-right:0px;">
<h:outputText value="Suggestion Box" />
</rich:column>
<rich:column colspan="2" style="text-align:right;">
<h:graphicImage value="/img/first.jpg"
onclick="#{rich:component('suggestion')}.callSuggestion(true)"
rendered="#{employeeList.previousExists}" style="cursor:pointer;"
alt="First Page">
<f:param name="firstResult" value="0" />
</h:graphicImage>
<h:graphicImage value="/img/prev.jpg"
onclick="#{rich:component('suggestion')}.callSuggestion(true)"
rendered="#{employeeList.previousExists}" style="cursor:pointer;"
alt="Previous Page">
<f:param name="firstResult"
value="#{sslCertificateList.previousFirstResult}" />
</h:graphicImage>
<h:graphicImage value="/img/next.jpg"
onclick="#{rich:component('suggestion')}.callSuggestion(true)"
rendered="#{employeeList.nextExists}" style="cursor:pointer;"
alt="Next Page">
<f:param name="firstResult"
value="#{sslCertificateList.nextFirstResult}" />
</h:graphicImage>
<h:graphicImage value="/img/last.jpg"
onclick="#{rich:component('suggestion')}.callSuggestion(true)"
rendered="#{employeeList.nextExists}" style="cursor:pointer;"
alt="Last Page">
<f:param name="firstResult" value="#{employeeList.lastFirstResult}" />
</h:graphicImage>
</rich:column>
<rich:column breakBefore="true" styleClass="rich-table-subheadercell">
<h:outputText value="Name" />
</rich:column>
<rich:column styleClass="rich-table-subheadercell">
<h:outputText value="Email" />
</rich:column>
<rich:column styleClass="rich-table-subheadercell">
<h:outputText value="Position" />
</rich:column>
</rich:columnGroup>
</f:facet>
<h:column>
<h:outputText value="#{_employee.employeeName}" />
</h:column>
<h:column>
<h:outputText value="#{_employee.emailAddress}" />
</h:column>
<h:column>
<h:outputText value="#{_employee.position}" />
</h:column>
</rich:suggestionbox>

[ilya_shaikovsky]

you could stop the event bubbling and it will prevent the selection.. but unfortunatelly this as the list is opened - callSuggestion will just close the list as designed. Closing list manually and then reopening with new values seems not really good solution from design points.. So seems not possible with current state. And should be revised additionally.

[ilya_shaikovsky]

and b.t.w. f:param will also not be decoded within the request called from callSuggestion.

[traviskds]

Thanks Ilya for the prompt reply.

What are your thoughts with regard to paginating the suggestionbox. Do you have any ideas that I could try

[traviskds]

How do you manually close it? Is it by setting the display to none (via javascript/styles) or is there a richfaces javascript method.

[ilya_shaikovsky]

hide() function on suggestion object.