Combo Component

Description

The comboGrid Component has the same fonctionalities as the combo component but the popup is based on a dataGrid. The comboGrid can have multiple columns, be filtered, paged and some other datagrid capabilities

The comboGrid Component has the following capabilities :

  • IAdditionalInformationEventCapability
  • IAdditionalInformationValuesCapability
  • IClientAdditionalInformationFullStateCapability
  • IAdditionalInformationCardinalityCapability
  • IRowStyleClassCapability
  • IPagerMessageCapability
  • IFilterCapability
  • IPagedCapability
  • IHeaderVisibilityCapability
  • IOrderedChildrenCapability
  • ISortedChildrenCapability
  • IComponentValueTypeCapability
  • IAdditionalInformationRangeComponent


The default comboGrid renderer is link to the f_comboGrid javascript class. f_comboGrid extends f_keyEntry, fa_dataGridPopup


Table of component style classes:

Style Name Description
f_comboGrid Defines styles for the wrapper Table element
f_comboGrid_input Defines styles for the Input Text
f_comboGrid_popup Defines styles for the wrapper DIV elment of the pop-up. Contains fa_dataGridPopup styles

Screen Shot

Syntax

	 <v:message styleClass="pe_message" for="combo2" showDetail="false" showSummary="true" showIfMessage="true" />
		<v:comboGrid
				width="215" 
				id="combo2"
				required="true"
				headerVisible="false"
				searchFieldVisible="true"
				value="#{comboBean.values}"
				var="row" 
				labelColumnId="label"
				valueColumnId="key"
				selectedValue="#{comboBean.selectedValue}" 
				paged="true"
				rows="10"
				message="{rowcount} result(s)">
			<v:comboColumn 
				id="key"
				visible="true" 
				width="24px"
				value="#{row.key+1}" />							
			<v:comboColumn 
				id="label"
				visible="true" 
				width="272px" 
				value="#{row.name}" />							
		</v:comboGrid>

Instructions