Pager Component

Description

The pager Component is linked to the dataGrid Component. It shows informations about the result set (ex: number of available pages) and can give direct access to a specific page ("a la Google").

The pager Component has the following capabilities :

  • IRequiredCapability
  • IAutoTabCapability
  • IValueChangeEventCapability
  • IFocusStyleClassCapability
  • ISelectionEventCapability
  • IReadOnlyCapability
  • INumberFormatTypeCapability
  • ILiteralLocaleCapability
  • IComponentLocaleCapability
  • ISeverityStyleClassCapability
  • IAlternateTextCapability
  • IValidationParameters


The default pager renderer is linked to the f_pager javascript class. f_pager extends f_component, fa_pager


Table of component style classes:

Style Name Description
f_pager Defines styles for the wrapper DIV element
f_pager_button_first Defines styles for the wrapper SPAN element
f_pager_button_next Defines styles for the wrapper SPAN element
f_pager_button_last Defines styles for the wrapper SPAN element
f_pager_button_prev Defines styles for the wrapper SPAN element

Screen Shot

Syntax

<v:pager
	for="resultats"
	message="List :" 
	zeroResultMessage="No Line ..."
	oneResultMessage="Only one response :" />
<v:pager
	styleClass="pagerInfos"
	for="resultats"
	message="{rowCount} (page {pageposition}/{pagecount})" 
	zeroResultMessage=""
	oneResultMessage="" />

Instructions