|
1 | 1 | - **Data Binding** |
2 | | -TagBox supports loading and updating data from different [data source](/Documentation/ApiReference/Data_Layer/DataSource/) types. |
| 2 | +TagBox supports loading and updating data from different [data source](/api-reference/30%20Data%20Layer/DataSource '/Documentation/ApiReference/Data_Layer/DataSource/') types. |
3 | 3 |
|
4 | 4 | - **Tag Creation** |
5 | | -TagBox can accept [custom values](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#acceptCustomValue). You can configure TagBox to update its data source on [custom item creation](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#onCustomItemCreating) or save changes temporarily. |
| 5 | +TagBox can accept [custom values](/api-reference/10%20UI%20Components/dxSelectBox/1%20Configuration/acceptCustomValue.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#acceptCustomValue'). You can configure TagBox to update its data source on [custom item creation](/api-reference/10%20UI%20Components/dxTagBox/1%20Configuration/onCustomItemCreating.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#onCustomItemCreating') or save changes temporarily. |
6 | 6 |
|
7 | 7 | - **Selection Options** |
8 | | -You can enable and configure selection functionality for the DevExtreme TagBox. You can specify the [maximum number of tags](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#maxDisplayedTags) the component displays and [enable selection checkboxes](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#showSelectionControls) (including a "Select All" checkbox). |
| 8 | +You can enable and configure selection functionality for the DevExtreme TagBox. You can specify the [maximum number of tags](/api-reference/10%20UI%20Components/dxTagBox/1%20Configuration/maxDisplayedTags.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#maxDisplayedTags') the component displays and [enable selection checkboxes](/api-reference/10%20UI%20Components/dxSelectBox/1%20Configuration/showSelectionControls.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#showSelectionControls') (including a "Select All" checkbox). |
9 | 9 |
|
10 | 10 | - **Searching and Filtering** |
11 | | -The TagBox component includes [configurable search functionality](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#searchEnabled). You can specify a [search mode](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#searchMode), change the component [search delay](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#searchTimeout), and configure which [item fields to search](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#searchExpr). TagBox also supports minimum and maximum search query definitions. |
| 11 | +The TagBox component includes [configurable search functionality](/api-reference/10%20UI%20Components/dxSelectBox/1%20Configuration/searchEnabled.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#searchEnabled'). You can specify a [search mode](/api-reference/10%20UI%20Components/dxSelectBox/1%20Configuration/searchMode.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#searchMode'), change the component [search delay](/api-reference/10%20UI%20Components/dxSelectBox/1%20Configuration/searchTimeout.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#searchTimeout'), and configure which [item fields to search](/api-reference/10%20UI%20Components/dxSelectBox/1%20Configuration/searchExpr.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#searchExpr'). TagBox also supports minimum and maximum search query definitions. |
12 | 12 |
|
13 | 13 | - **Grouping** |
14 | | -You can group items within the TagBox dropdown list. To enable grouping, set [grouped](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#grouped) to `true` and specify **DataSource**.[group](/Documentation/ApiReference/Data_Layer/DataSource/Configuration/#group) in the component [dataSource](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#dataSource). |
| 14 | +You can group items within the TagBox dropdown list. To enable grouping, set [grouped](/api-reference/10%20UI%20Components/dxDropDownList/1%20Configuration/grouped.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#grouped') to `true` and specify **DataSource**.[group](/api-reference/30%20Data%20Layer/DataSource/1%20Configuration/group.md '/Documentation/ApiReference/Data_Layer/DataSource/Configuration/#group') in the component [dataSource](/api-reference/10%20UI%20Components/dxSelectBox/1%20Configuration/dataSource.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#dataSource'). |
15 | 15 |
|
16 | 16 | - **Paging** |
17 | | -DevExtreme TagBox supports paging within the component dropdown list. You can implement this feature to load large data sets in chunks. To enable paging, specify a [DataSource](/Documentation/ApiReference/Data_Layer/DataSource/) instance as the TagBox **dataSource** and configure the [paginate](/Documentation/ApiReference/Data_Layer/DataSource/Configuration/#paginate) and [pageSize](/Documentation/ApiReference/Data_Layer/DataSource/Configuration/#pageSize) properties. |
| 17 | +DevExtreme TagBox supports paging within the component dropdown list. You can implement this feature to load large data sets in chunks. To enable paging, specify a [DataSource](/api-reference/30%20Data%20Layer/DataSource '/Documentation/ApiReference/Data_Layer/DataSource/') instance as the TagBox **dataSource** and configure the [paginate](/api-reference/30%20Data%20Layer/DataSource/1%20Configuration/paginate.md '/Documentation/ApiReference/Data_Layer/DataSource/Configuration/#paginate') and [pageSize](/api-reference/30%20Data%20Layer/DataSource/1%20Configuration/pageSize.md '/Documentation/ApiReference/Data_Layer/DataSource/Configuration/#pageSize') properties. |
18 | 18 |
|
19 | 19 | - **Form Support** |
20 | | -TagBox is a supported editor type in the DevExtreme [Form](/Documentation/Guide/UI_Components/Form/Overview/) component. To integrate TagBox within a Form, set a Form item's [editorType](/Documentation/ApiReference/UI_Components/dxForm/Item_Types/SimpleItem/#editorType) property to *"dxTagBox"*. |
| 20 | +TagBox is a supported editor type in the DevExtreme [Form](/concepts/05%20UI%20Components/Form/00%20Overview '/Documentation/Guide/UI_Components/Form/Overview/') component. To integrate TagBox within a Form, set a Form item's [editorType](/api-reference/10%20UI%20Components/dxForm/5%20Item%20Types/SimpleItem/editorType.md '/Documentation/ApiReference/UI_Components/dxForm/Item_Types/SimpleItem/#editorType') property to *"dxTagBox"*. |
21 | 21 |
|
22 | 22 | - **Accessibility and RTL** |
23 | | -TagBox [conforms](/Documentation/Guide/UI_Components/TagBox/Accessibility/) to WCAG 2.x, European Accessibility Act (EAA), and Americans with Disabilities Act (ADA) standards. The component supports keyboard navigation and custom key handlers. TagBox also ships with right-to-left (RTL) representation support. |
| 23 | +TagBox [conforms](/concepts/05%20UI%20Components/TagBox/01%20Accessibility/00%20Accessibility.md '/Documentation/Guide/UI_Components/TagBox/Accessibility/') to WCAG 2.x, European Accessibility Act (EAA), and Americans with Disabilities Act (ADA) standards. The component supports keyboard navigation and custom key handlers. TagBox also ships with right-to-left (RTL) representation support. |
24 | 24 |
|
25 | 25 | - **Customization Settings** |
26 | | -You can customize TagBox visual elements, including the component [label](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#label) and [styling mode](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#stylingMode). TagBox also allows you to add input area [buttons](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/buttons/) and includes two predefined options: a [clear button](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#showClearButton) and a [dropdown button](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#showDropDownButton). |
| 26 | +You can customize TagBox visual elements, including the component [label](/api-reference/10%20UI%20Components/dxTextEditor/1%20Configuration/label.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#label') and [styling mode](/api-reference/10%20UI%20Components/dxTextEditor/1%20Configuration/stylingMode.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#stylingMode'). TagBox also allows you to add input area [buttons](/api-reference/10%20UI%20Components/dxDropDownEditor/1%20Configuration/buttons '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/buttons/') and includes two predefined options: a [clear button](/api-reference/10%20UI%20Components/dxTextEditor/1%20Configuration/showClearButton.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#showClearButton') and a [dropdown button](/api-reference/10%20UI%20Components/dxTagBox/1%20Configuration/showDropDownButton.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#showDropDownButton'). |
27 | 27 |
|
28 | 28 | - **Customization with Templates** |
29 | | -DevExtreme TagBox supports extended visual element customization with templates. You can specify custom HTML markup for the following component elements: <a href="/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#tagTemplate">tags</a>, [dropdown items](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#itemTemplate), the TagBox [input field](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#fieldTemplate), and [dropdown group headers](/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#groupTemplate). |
| 29 | +DevExtreme TagBox supports extended visual element customization with templates. You can specify custom HTML markup for the following component elements: <a href="/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#tagTemplate">tags</a>, [dropdown items](/api-reference/10%20UI%20Components/dxSelectBox/1%20Configuration/itemTemplate.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#itemTemplate'), the TagBox [input field](/api-reference/10%20UI%20Components/dxSelectBox/1%20Configuration/fieldTemplate.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#fieldTemplate'), and [dropdown group headers](/api-reference/10%20UI%20Components/dxDropDownList/1%20Configuration/groupTemplate.md '/Documentation/ApiReference/UI_Components/dxTagBox/Configuration/#groupTemplate'). |
0 commit comments