AutocompleteWithIcon composite component is used to provides a list of to provide the user prompt suggestions while an the input is being typed into an 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
|