A RetroSearch Logo

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Search Query:

Showing content from https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton/data-binding below:

React Buttons DropDownButton Data Binding

New to KendoReact? Start a free 30-day trial Data Binding

Premium

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.

Change Theme

Theme

Loading ...

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.

For a list of all fields the items model uses, refer to the article on the ButtonItem configuration.

Change Theme

Theme

Loading ...

Child Components

The following example demonstrates how to use the DropDownButtonItem child components to populate the popup items.

Change Theme

Theme

Loading ...

Suggested Links

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4