JavaScript/jQuery Markup Components Item

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.