Custom content in paginator duplicate ID breaks ajax

[djmj]

Using a paginator that is rendered at top and bottom and custom content contains an element with an ID this ID is duplicated in the final DOM.

Once for the top paginator and once for the bottom paginator.

Ajax is only working for the top component and view jumps to bottom one after update.

Changin value in bottom menu invokes the ajax but on update the old value is selected again.

Code: Select all

	<f:facet name="{PagContent}">
		<h:selectOneMenu id="sortCriterion" value="#{bean.sortCriterion}" style="float: right;" >
			<p:ajax update=":mainForm:pnlHotels"/>
			<f:selectItem itemLabel="Relevance" itemValue="#{null}"/>
			<f:selectItems var="varSortCriterion" value="#{bean.sortCriteria}" itemLabel="#{varSortCriterion}" itemValue="#{varSortCriterion}"/>
		</h:selectOneMenu>
	</f:facet>

Maybe this is also the reason why <p:selectOneMenu> is not working as custom content in paginator?!

Issue: http://forum.primefaces.org/viewtopic.php?f=3&t=43082

[tandraschko]

Does it work fine if you remove the id?

[djmj]

no, since the selectOneMenu just gets a id generated by jsf which still is duplicate then.


Making paginator custom tag maybe solves the problem, so one could use multiple or even different paginators for top and bottom.

http://forum.primefaces.org/viewtopic.php?f=3&t=41892