AutocompleteWithIcon composite component is used to provides a list of suggestions while an input is being typed.
...
| 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. | displayValue | false | String | ||
| null | The displayed value of the component in view mode. | 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. | |||||
| idicon | false | String | null | Unique identifier of the componentThe icon class. | |||||
| isRequiredid | false | String | Booelan | true if the data object property null | Unique identifier of the component is mandatory, otherwise false.Marks component as required. | ||||
| 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 parameter for the client side callback onChangeFunction The name of the client side callback to execute when input element loses focus and its value has been modified since gaining focus. | onChangeFunctionParameters | false | String | null | . |
| 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
|