Overview

The TagBox allows users to select multiple items from a drop-down list. This demo illustrates the following TagBox properties:

• items
  An array of items displayed by the TagBox.

• searchEnabled
  Specifies whether the search is enabled.

• showSelectionControls
  Defines whether to display the selection controls.

• applyValueMode
  Specifies whether selected values are applied instantly or when a user clicks the OK button.

• hideSelectedItems
  Specifies whether the selected items are removed from the drop-down list.

• multiline
  Displays selected items on single or multiple lines.

• acceptCustomValue
  Specifies whether users can enter custom values. Requires that you also implement the onCustomItemCreating handler.

• placeholder
  Customizes the TagBox placeholder.

• value
  Specifies items the TagBox currently displays.

• disabled
  Defines whether the component responds to user interaction.

• dataSource
  Binds the TagBox to data. Unlike the items property, dataSource accepts the DataSource object that allows users to sort, filter, group, and shape data. Note that you cannot use items and dataSource simultaneously.

• itemTemplate
  Allows you to customize the drop-down list items.

To get started with the DevExtreme TagBox component, refer to the following tutorial for step-by-step instructions: Getting Started with TagBox.