AutocompleteWithIcon composite component is used to display an input element with icon on the page that provides the user prompt suggestions while the input is being typed into the input box.
...
| 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 | Icon of the button as a css class. |
| id | false | String | null | Unique identifier of the component. |
| itemLabel | false | String | null | Label of the suggestion item. |
| labelKey | false | String | null | Label A valid key that isdefined in translation properties file and its translation. Its translation through the glossary 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 A valid key that isdefined in translation properties file and its translation. Its translation through the glossary 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 | false | 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 A valid key that is defined in translation properties file and its translation . Its translation through the glossary will be used as an advisory 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
|