All docs
V24.2
24.2
24.1
23.2
23.1
22.2
22.1
21.2
21.1
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery Markup Components API

This section describes components that can be used when defining a UI component markup.

dxItem

Specifies markup for a UI component item.

import { dxItem } from "devextreme/ui/widget/ui.widget"
Type: any

The dxItem component defines custom markup for items in layout and collection UI components. dxItem has different properties depending on the UI component where it is used. For a full list of them, see the items property description in a specific UI component's API Reference.

HTML
JavaScript
  • <div id="list">
  • <div data-options="dxItem: { text: 'Apples', disabled: true }"></div>
  • <div data-options="dxItem: { text: 'Lemons', visible: false }"></div>
  • <div data-options="dxItem: { }">
  • <!-- Custom markup -->
  • </div>
  • </div>
  • $(function() {
  • $("#list").dxList({/* ... */});
  • });
NOTE
dxItem elements are ignored when the dataSource property is defined.