Interface for a class RibbonComboBoxSettings
Event triggers before opening the popup.
Event triggers when an item in a popup is selected or when the model value is changed by user.
Event triggers when the popup is closed.
EmitType<Event>
Event triggers once the combobox is created.
Event triggers on typing a character in the combobox.
Event triggers when the popup is opened
Event triggers when an item in the popup is selected.
boolean
Specifies whether to show the filter bar (search box) of the combobox. The filter action retrieves matched items through the filtering event based on the characters typed in the search TextBox. If no match is found, the value of the noRecordsTemplate property will be displayed.
boolean
Specifies whether to suggest a first matched item in input when searching. No action happens when no matches found.
string
Defines the CSS class to customize the appearance of the combobox.
{ : }
[]
| string[]
| number[]
| boolean[]
Defines the list of items to shown in the combobox.
Specifies the mapping for the columns of the data table bind to the combobox.
Specifies filter type to be considered on search action.
The FilterType
and its supported data types are
FilterType |
Description |
Supported Types |
StartsWith |
Checks whether a value begins with the specified value. |
String |
EndsWith |
Checks whether a value ends with specified value. |
String |
Contains |
Checks whether a value contains with specified value. |
String |
string
| function
| JSX.Element
Specifies the template content for the footer container of the popup list.
string
| function
| JSX.Element
Specifies the template content for the group headers present in the popup list.
string
| function
| JSX.Element
Specifies the template content for the header container of the popup list.
{ : }
Specifies additional HTML attributes to be applied to the combobox.
number
Specifies the index of the selected item in the combobox.
string
| function
| JSX.Element
Specifies the template content for each list item present in the popup.
string
Specifies the label text for the overflow item.
string
| function
| JSX.Element
Specifies the template content for the popup list of combobox when no data is available.
string
Specifies a short hint that describes the expected value of the combobox.
string
| number
Specifies the height of the popup list.
string
| number
Specifies the width of the popup list. By default, the popup width sets based on the width of the combobox.
boolean
Specifies whether to show or hide the clear button.
When the clear button is clicked, value
, text
, and index
properties are reset to null.
Specifies the order in which the data source needs to be sorted. The available type of sort orders are
None
- The data source is not sorted.Ascending
- The data source is sorted in ascending order.Descending
- The data source is sorted in descending order. string
Defines the display text of the selected item in the combobox.
number
| string
| boolean
Defines the value of the selected item in the combobox.
string
| number
Specifies the width of the combobox. By default, the combobox width sets based on the width of its parent container.