New to Kendo UI for Vue? Start a free 30-day trial
Data Binding
The DropDownButton enables you to bind it to an array of strings, an array of objects, or DropDownButtonItem child components.
Arrays of Strings
The following example demonstrates how to bind the DropDownButton to an array of strings.
Example
View Source
Change Theme:
Arrays of Objects
When the DropDownButton is bound to an array of objects, the component extracts the text value from the data items and, in this way, sets the text of the items in the popup. If the text field in the data objects is named text, the component gets its value automatically. However, if the name of the property in the data source is different—for example, actionText—you have to set it to the textField property of the DropDownButton.
Example
View Source
Change Theme:
