AutocompleteWithIcon composite component composite component is used to provide the to display an input element with icon on the page that provides the user prompt suggestions while the input is being typed into an the input box with icon.
The component itself is accessed through the <crm:autocompleteWithIcon> tag and is defined in the xmlns namespace with the declaration xmlns:em="http://java.sun.com/jsf/composite/crm".
...
| Name | Required | Type | Default | Description |
|---|---|---|---|---|
| className | false | String | null | The class name of the value of the component |
columnClasses | false | String | ui-grid-col-12 | Comma separated list of column style classes of the gird layout that will be used to display the component. |
| completeMethod | false | Boolean | false | The name of the client side method to provide suggestions. |
| columns | false | Integer | 1 | Number of columns of the gird layout that will be used to display the component. |
| dropdown | false | Boolean | false | Enables dropdown mode when set true. |
| filter | false | Boolean | null | Renders an input field as a filter |
| forceSelection | false | Boolean | true | When enabled, autoComplete only accepts input from the selection list. |
| icon | false | String | null | The icon class. |
| id | false | String | null | Unique identifier of the component. |
| itemLabel | false | String | null | Label of the suggestion item. |
| labelKey | false | String | null | Label key that is defined in translation properties file and its translation will be used as the presentable name of the component. |
| managedBean | false | String | null | The name of the managed bean that will be used for retrieving the component values. |
| maxResults | false | Integer | 20 | Maximum number of results to be displayed. |
| minQueryLength | false | Integer | 1 | Number of characters to be typed before starting to query. |
| mode | false | String | The mode of the managed bean. | The mode of the component. Allowed values are VIEW and EDIT. |
| multiple | false | Boolean | false | Flag indicating that multiple selection is enabled or not.
|
| onChangeFunction | false | String | null | The name of the client side callback to execute when input element loses focus and its value has been modified since gaining focus. |
| parameters | false | String | null | The parameter of the client side callback. |
| placeholder | false | String | key_type_to_search | Label key that is defined in translation properties file and its translation will be used as a short hint that describes the expected value of this input element. |
| process | false | String | @this and the value of the refresh attribute | Component(s) to process in partial request. |
| readonly | false | Boolean | Flag indicating that this component will prevent changes by the user. | Flag indicating that this component will prevent changes by the user. |
| refresh | false | String | @this | Component(s) to update with ajax. |
| tip | false | String | null | Label key that is defined in translation properties file and its translation will be used as an advisory tooltip information. |
| value | false | Object | null | The value of the component. |
| visible | false | Boolean | true | Controls the visibility of the component. |
Examples
JSF Page
|
|
Managed Bean
|