DevExtreme Vue - DevExtreme Modules Structure

DevExtreme modules have the following structure.

animation

A folder containing modules that expose animation features.

frame

Exposes methods for working with animation.

Exports:

  • requestAnimationFrame - The requestAnimationFrame method

    require("animation/frame").requestAnimationFrame;
    // ===== or =====
    import { requestAnimationFrame } from "devextreme/animation/frame";
  • cancelAnimationFrame - The cancelAnimationFrame method

    require("animation/frame").cancelAnimationFrame;
    // ===== or =====
    import { cancelAnimationFrame } from "devextreme/animation/frame";

fx

Exposes an object that serves as a namespace for the methods that are used to animate UI elements.

Exports:

  • default - The fx object

    require("animation/fx");
    // ===== or =====
    import fx from "devextreme/animation/fx";

position

presets

Exposes a repository of animations.

Exports:

  • default - The animationPresets repository

    require("animation/presets");
    // ===== or =====
    import animationPresets from "devextreme/animation/presets";

transition_executor

Exposes an object that serves as a namespace for the methods that are used to perform several specified animations at a time.

Exports:

  • default - The TransitionExecutor object

    require("animation/transition_executor");
    // ===== or =====
    import TransitionExecutor from "devextreme/animation/transition_executor";

charts

custom-store

grids

core

A folder containing core modules.

config

Exposes the global configuration object.

Exports:

  • default - The config() and config(config) methods

    require("core/config");
    // ===== or =====
    import config from "devextreme/core/config";

devices

Exposes the object that defines the device on which the application is running.

Exports:

  • default - The device object

    require("core/devices");
    // ===== or =====
    import devices from "devextreme/core/devices";

element

guid

Exposes an object used to generate and hold the GUID.

Exports:

  • default - The Guid object

    require("core/guid");
    // ===== or =====
    import Guid from "devextreme/core/guid";

options

set_template_engine

Exposes a method that specifies a template engine.

Exports:

  • default - The setTemplateEngine(options) method

    require("core/set_template_engine");
    // ===== or =====
    import setTemplateEngine from "devextreme/core/set_template_engine";

template

deferred

apply_changes

Exposes the applyChanges method.

Exports:

  • default - The applyChanges method

    require("data/apply_changes");
    // ===== or =====
    import applyChanges from 'devextreme/data/apply_changes';

array_store

Exposes the ArrayStore data access component.

Exports:

  • default - The ArrayStore data access component

    require("data/array_store");
    // ===== or =====
    import ArrayStore from "devextreme/data/array_store";

custom_store

Exposes the CustomStore data access component.

Exports:

  • default - The CustomStore data access component

    require("data/custom_store");
    // ===== or =====
    import CustomStore from "devextreme/data/custom_store";

data_source

Exposes the DataSource object.

Exports:

  • default - The DataSource object

    require("data/data_source");
    // ===== or =====
    import DataSource from "devextreme/data/data_source";

endpoint_selector

Exposes an object used to get URLs that vary in a locally running application and the application running on production..

Exports:

  • default - The EndpointSelector object

    require("data/endpoint_selector");
    // ===== or =====
    import EndpointSelector from "devextreme/data/endpoint_selector";

errors

Exposes a method that enables you to handle errors that may occur within the DevExtreme Data Layer.

Exports:

  • setErrorHandler - The setErrorHandler method

    require("data/errors").setErrorHandler(function (error) {
        console.log(error.message);
    });

index

local_store

Exposes the LocalStore data access component.

Exports:

  • default - The LocalStore data access component

    require("data/local_store");
    // ===== or =====
    import LocalStore from "devextreme/data/local_store";

odata

A folder containing modules exposing OData service.

context

Exposes the ODataContext data access component.

Exports:

  • default - The ODataContext data access component

    require("data/odata/context");
    // ===== or =====
    import ODataContext from "devextreme/data/odata/context";

store

Exposes the ODataStore data access component.

Exports:

  • default - The ODataStore data access component

    require("data/odata/store");
    // ===== or =====
    import ODataStore from "devextreme/data/odata/store";

utils

Exposes OData utility objects.

Exports:

  • EdmLiteral - The EdmLiteral object

    require("data/odata/utils").EdmLiteral;
    // ===== or =====
    import { EdmLiteral } from "devextreme/data/odata/utils";
  • keyConverters - The odata.keyConverters object

    require("data/odata/utils").keyConverters;
    // ===== or =====
    import { keyConverters } from "devextreme/data/odata/utils";

query

Exposes a data query interface object.

Exports:

  • default - The Query interface object.

    require("data/query");
    // ===== or =====
    import Query from "devextreme/data/query";

utils

Exposes utility objects provided by the DevExtreme data layer.

Exports:

  • base64_encode - The base64_encode method.

    require("data/utils").base64_encode;
    // ===== or =====
    import { base64_encode } from "devextreme/data/utils";

events

Exposes an object that serves as a namespace for methods used for working with UI events.

Exports:

  • off - The off method

    require("events").off;
    // ===== or =====
    import { off } from "devextreme/events";
  • on - The on method

    require("events").on;
    // ===== or =====
    import { on } from "devextreme/events";
  • one - The one method

    require("events").one
    // ===== or =====
    import { one } from "devextreme/events";
  • trigger - The trigger method

    require("events").trigger;
    // ===== or =====
    import { trigger } from "devextreme/events";

click

Exposes the dxclick event.

require("events/click");

contextmenu

Exposes the dxcontextmenu event.

require("events/contextmenu");

dblclick

Exposes the dxdblclick event.

require("events/dblclick");

drag

Exposes the dxdrag dxdragstart, dxdragend, dxdrop, dxdragenter, dxdragleave events.

require("events/drag");

hold

Exposes the dxhold event.

require("events/hold");

hover

Exposes the dxhoverend, dxhoverstart events.

require("events/hover");

index

remove

Exposes the dxremove event.

require("events/remove");

swipe

Exposes the dxswipe, dxswipeend, dxswipestart events.

require("events/swipe");

transform

excel_exporter

Exposes the DevExpress.excelExporter object's methods.

Exports:

  • exportDataGrid - The exportDataGrid(options) method

    require("excel_exporter").exportDataGrid;
    // ===== or =====
    import { exportDataGrid } from "devextreme/excel_exporter";
  • exportPivotGrid - The exportPivotGrid(options) method

    require("excel_exporter").exportPivotGrid;
    // ===== or =====
    import { exportPivotGrid } from "devextreme/excel_exporter";

export_load_panel

file_management

A folder containing modules that expose file management utilities.

custom_provider

Exposes the Custom file system provider.

Exports:

  • default - The Custom file system provider

    require("file_management/custom_provider");
    // ===== or =====
    import CustomFileSystemProvider from "devextreme/file_management/custom_provider";

error

Exposes the File System Error.

Exports:

  • default - The File System Error

    require("file_management/error");
    // ===== or =====
    import FileSystemError from "devextreme/file_management/error";

file_system_item

Exposes the File System Item.

Exports:

  • default - The File System Item

    require("file_management/file_system_item");
    // ===== or =====
    import FileSystemItem from "devextreme/file_management/file_system_item";

object_provider

Exposes the Object file system provider.

Exports:

  • default - The Object file system provider

    require("file_management/object_provider");
    // ===== or =====
    import ObjectFileSystemProvider from "devextreme/file_management/object_provider";

provider_base

Exposes the base file system provider.

remote_provider

Exposes the Remote file system provider.

Exports:

  • default - The Remote file system provider

    require("file_management/remote_provider");
    // ===== or =====
    import RemoteFileSystemProvider from "devextreme/file_management/remote_provider";

upload_info

Exposes an object that provides information about the file upload session.

Exports:

  • default - The UploadInfo object

    require("file_management/upload_info");
    // ===== or =====
    import UploadInfo from "devextreme/file_management/upload_info";

integration

A folder containing modules that expose integration features.

jquery

The module that provides jQuery integration.

require("integration/jquery");

knockout

The module that provides Knockout integration.

require("integration/knockout");

localization

A folder containing modules that expose localization features.

Besides the listed modules, this folder contains the "messages" folder that provides access to json files containing localized messages. You can use them in the following way.

var deMessages = require('devextreme/localization/messages/de.json');
// ===== or =====
import deMessages from "devextreme/localization/messages/de.json";

globalize

A folder that contains modules exposing Globalize integration features.

currency

The module required for custom currency formatting rather than USD.

require("/localization/globalize/currency");
// ===== or =====
import "devextreme/localization/globalize/currency";

date

The module required for custom date formatting.

require("/localization/globalize/date");
// ===== or =====
import "devextreme/localization/globalize/date";

message

The module required for using a custom message dictionary.

require("/localization/globalize/message");
// ===== or =====
import "devextreme/localization/globalize/message";

number

The module required for custom number formatting.

require("/localization/globalize/number");
// ===== or =====
import "devextreme/localization/globalize/number";

mobile

A folder containing modules that expose mobile utilities.

hide_top_overlay

Exposes the hideTopOverlay method.

Exports:

  • default - The hideTopOverlay method

    require("mobile/hide_top_overlay");
    // ===== or =====
    import hideTopOverlay from "devextreme/mobile/hide_top_overlay";

init_mobile_viewport

Exposes the initMobileViewport method.

Exports:

  • default - The initMobileViewport method

    require("mobile/init_mobile_viewport");
    // ===== or =====
    import initMobileViewport from "devextreme/mobile/init_mobile_viewport";

pdf_exporter

Exposes the DevExpress.pdfExporter object's methods.

Exports:

  • exportDataGrid - The exportDataGrid(options) method

    require("pdf_exporter").exportDataGrid;
    // ===== or =====
    import { exportDataGrid } from "devextreme/pdf_exporter";
  • exportGantt - The exportGantt(options) method

    require("pdf_exporter").exportGantt;
    // ===== or =====
    import { exportGantt } from "devextreme/pdf_exporter";

Warning: You need to perform extra steps to generate PDFs with non-ASCII characters. See the PDF Export guide for more information.

time_zone_utils

Exposes the utility object to work with time zones.

Exports:

  • getTimeZones - The getTimeZones method

    require("time_zone_utils").getTimeZones;
    // ===== or =====
    import { getTimeZones } from "devextreme/time_zone_utils";

ui

A folder that contains modules exposing UI components.

accordion

Exposes the Accordion UI component.

Exports:

  • default - The Accordion UI component

    require("ui/accordion");
    // ===== or =====
    import Accordion from "devextreme/ui/accordion";

action_sheet

Exposes the ActionSheet UI component.

Exports:

  • default - The ActionSheet UI component

    require("ui/action_sheet");
    // ===== or =====
    import ActionSheet from "devextreme/ui/action_sheet";

autocomplete

Exposes the Autocomplete UI component.

Exports:

  • default - The Autocomplete UI component

    require("ui/autocomplete");
    // ===== or =====
    import Autocomplete from "devextreme/ui/autocomplete";

box

Exposes the Box UI component.

Exports:

  • default - The Box UI component

    require("ui/box");
    // ===== or =====
    import Box from "devextreme/ui/box";

button

Exposes the Button UI component.

Exports:

  • default - The Button UI component

    require("ui/button");
    // ===== or =====
    import Button from "devextreme/ui/button";

button_group

Exposes the ButtonGroup UI component.

Exports:

  • default - The ButtonGroup UI component

    require("ui/button_group");
    // ===== or =====
    import ButtonGroup from "devextreme/ui/button_group";

calendar

Exposes the Calendar UI component.

Exports:

  • default - The Calendar UI component

    require("ui/calendar");
    // ===== or =====
    import Calendar from "devextreme/ui/calendar";

check_box

Exposes the CheckBox UI component.

Exports:

  • default - The CheckBox UI component

    require("ui/check_box");
    // ===== or =====
    import CheckBox from "devextreme/ui/check_box";

ui.collection_widget.base

color_box

Exposes the ColorBox UI component.

Exports:

  • default - The ColorBox UI component

    require("ui/color_box");
    // ===== or =====
    import ColorBox from "devextreme/ui/color_box";

context_menu

Exposes the ContextMenu UI component.

Exports:

  • default - The ContextMenu UI component

    require("ui/context_menu");
    // ===== or =====
    import ContextMenu from "devextreme/ui/context_menu";

data_grid

Exposes the DataGrid UI component.

Exports:

  • default - The DataGrid UI component

    require("ui/data_grid");
    // ===== or =====
    import DataGrid from "devextreme/ui/data_grid"

date_box

Exposes the DateBox UI component.

Exports:

  • default - The DateBox UI component

    require("ui/date_box");
    // ===== or =====
    import DateBox from "devextreme/ui/date_box";

date_range_box

Exposes the DateRangeBox UI component.

Exports:

  • default - The DateRangeBox UI component

    require("ui/date_range_box");
    // ===== or =====
    import DateRangeBox from "devextreme/ui/date_range_box";

defer_rendering

Exposes the DeferRendering UI component.

Exports:

  • default - The DeferRendering UI component

    require("ui/defer_rendering");
    // ===== or =====
    import DeferRendering from "devextreme/ui/defer_rendering";

diagram

Exposes the Diagram UI component.

Exports:

  • default - The Diagram UI component

    require("ui/diagram") ; 
    // ===== or =====
    import Diagram from "devextreme/ui/diagram";

dialog

Exposes an object that serves as a namespace for methods displaying a message in an application/site.

Exports:

  • alert - The alert method

    require("ui/dialog").alert;
    // ===== or =====
    import { alert } from "devextreme/ui/dialog";
  • confirm - The confirm method

    require("ui/dialog").confirm;
    // ===== or =====
    import { confirm } from "devextreme/ui/dialog";
  • custom - The custom method

    require("ui/dialog").custom;
    // ===== or =====
    import { custom } from "devextreme/ui/dialog";

draggable

Exposes the Draggable UI component.

Exports:

  • default - The Draggable UI component

    require("ui/draggable");
    // ===== or =====
    import Draggable from "devextreme/ui/draggable";

drawer

Exposes the Drawer UI component.

Exports:

  • default - The Drawer UI component

    require("ui/drawer");
    // ===== or =====
    import Drawer from "devextreme/ui/drawer";

drop_down_box

Exposes the DropDownBox UI component.

Exports:

  • default - The DropDownBox UI component

    require("ui/drop_down_box");
    // ===== or =====
    import DropDownBox from "devextreme/ui/drop_down_box";

drop_down_button

Exposes the DropDownButton UI component.

Exports:

  • default - The DropDownButton UI component

    require("ui/drop_down_button");
    // ===== or =====
    import DropDownButton from "devextreme/ui/drop_down_button";

editor

file_manager

Exposes the FileManager UI component.

Exports:

  • default - The FileManager UI component

    require("ui/file_manager");
    // ===== or =====
    import FileManager from "devextreme/ui/file_manager";

file_uploader

Exposes the FileUploader UI component.

Exports:

  • default - The FileUploader UI component

    require("ui/file_uploader");
    // ===== or =====
    import FileUploader from "devextreme/ui/file_uploader";

filter_builder

Exposes the FilterBuilder UI component.

Exports:

  • default - The FilterBuilder UI component

    require("ui/filter_builder");
    // ===== or =====
    import FilterBuilder from "devextreme/ui/filter_builder";

form

Exposes the Form UI component.

Exports:

  • default - The Form UI component

    require("ui/form");
    // ===== or =====
    import Form from "devextreme/ui/form";

gallery

Exposes the Gallery UI component.

Exports:

  • default - The Gallery UI component

    require("ui/gallery");
    // ===== or =====
    import Gallery from "devextreme/ui/gallery";

gantt

Exposes the Gantt UI component.

Exports:

  • default - The Gantt UI component

    require("ui/gantt") ; 
    // ===== or =====
    import Gantt from "devextreme/ui/gantt";

html_editor

Exposes the HtmlEditor UI component.

Exports:

  • default - The HtmlEditor UI component

    require("ui/html_editor");
    // ===== or =====
    import HtmlEditor from "devextreme/ui/html_editor";

list

Exposes the List UI component.

Exports:

  • default - The List UI component

    require("ui/list");
    // ===== or =====
    import List from "devextreme/ui/list";

load_indicator

Exposes the LoadIndicator UI component.

Exports:

  • default - The LoadIndicator UI component

    require("ui/load_indicator");
    // ===== or =====
    import LoadIndicator from "devextreme/ui/load_indicator";

load_panel

Exposes the LoadPanel UI component.

Exports:

  • default - The LoadPanel UI component

    require("ui/load_panel");
    // ===== or =====
    import LoadPanel from "devextreme/ui/load_panel";

lookup

Exposes the Lookup UI component.

Exports:

  • default - The Lookup UI component

    require("ui/lookup");
    // ===== or =====
    import Lookup from "devextreme/ui/lookup";

map

Exposes the Map UI component.

Exports:

  • default - The Map UI component

    require("ui/map");
    // ===== or =====
    import Map from "devextreme/ui/map";

menu

Exposes the Menu UI component.

Exports:

  • default - The Menu UI component

    require("ui/menu");
    // ===== or =====
    import Menu from "devextreme/ui/menu";

multi_view

Exposes the MultiView UI component.

Exports:

  • default - The MultiView UI component

    require("ui/multi_view");
    // ===== or =====
    import MultiView from "devextreme/ui/multi_view";

notify

Exposes methods that create a toast message.

Exports:

number_box

Exposes the NumberBox UI component.

Exports:

  • default - The NumberBox UI component

    require("ui/number_box");
    // ===== or =====
    import NumberBox from "devextreme/ui/number_box";

overlay

Exposes methods that work with overlay UI components.

Exports:

  • bazeZIndex - The baseZIndex(zIndex) method

    require("ui/overlay").bazeZIndex;
    // ===== or =====
    import { bazeZIndex } from "devextreme/ui/overlay";

pivot_grid

Exposes the PivotGrid UI component.

Exports:

  • default - The PivotGrid UI component

    require("ui/pivot_grid");
    // ===== or =====
    import PivotGrid from "devextreme/ui/pivot_grid";

data_source

Exposes an object that provides acess to data for the PivotGrid data.

Exports:

  • default - The PivotGridDataSource object

    require("ui/pivot_grid/data_source");
    // ===== or =====
    import PivotGridDataSource from "devextreme/ui/pivot_grid/data_source";

xmla_store

Exposes the XmlaStore data access component.

Exports:

  • default - The XmlaStore data access component

    require("ui/pivot_grid/xmla_store");
    // ===== or =====
    import XmlaStore from "devextreme/ui/pivot_grid/xmla_store";

pivot_grid_field_chooser

Exposes the PivotGridFieldChooser UI component.

Exports:

  • default - The PivotGridFieldChooser UI component

    require("ui/pivot_grid_field_chooser");
    // ===== or =====
    import PivotGridFieldChooser from "devextreme/ui/pivot_grid_field_chooser";

popover

Exposes the Popover UI component.

Exports:

  • default - The Popover UI component

    require("ui/popover");
    // ===== or =====
    import Popover from "devextreme/ui/popover";

popup

Exposes the Popup UI component.

Exports:

  • default - The Popup UI component

    require("ui/popup");
    // ===== or =====
    import Popup from "devextreme/ui/popup";

progress_bar

Exposes the ProgressBar UI component.

Exports:

  • default - The ProgressBar UI component

    require("ui/progress_bar");
    // ===== or =====
    import ProgressBar from "devextreme/ui/progress_bar";

radio_group

Exposes the RadioGroup UI component.

Exports:

  • default - The RadioGroup UI component

    require("ui/radio_group");
    // ===== or =====
    import RadioGroup from "devextreme/ui/radio_group";

range_slider

Exposes the RangeSlider UI component.

Exports:

  • default - The RangeSlider UI component

    require("ui/range_slider");
    // ===== or =====
    import RangeSlider from "devextreme/ui/range_slider";

recurrence_editor

Exposes the RecurrenceEditor UI component.

Exports:

  • default - The RecurrenceEditor UI component

    require("ui/recurrence_editor");
    // ===== or =====
    import RecurrenceEditor from "devextreme/ui/recurrence_editor";

resizable

Exposes the Resizable UI component.

Exports:

  • default - The Resizable UI component

    require("ui/resizable");
    // ===== or =====
    import Resizable from "devextreme/ui/resizable";

responsive_box

Exposes the ResponsiveBox UI component.

Exports:

  • default - The ResponsiveBox UI component

    require("ui/responsive_box");
    // ===== or =====
    import ResponsiveBox from "devextreme/ui/responsive_box";

scheduler

Exposes the Scheduler UI component.

Exports:

  • default - The Scheduler UI component

    require("ui/scheduler");
    // ===== or =====
    import Scheduler from "devextreme/ui/scheduler";

scroll_view

Exposes the ScrollView UI component.

Exports:

  • default - The ScrollView UI component

    require("ui/scroll_view");
    // ===== or =====
    import ScrollView from "devextreme/ui/scroll_view";

select_box

Exposes the SelectBox UI component.

Exports:

  • default - The SelectBox UI component

    require("ui/select_box");
    // ===== or =====
    import SelectBox from "devextreme/ui/select_box";

set_template_engine

This module is deprecated. Use the core/set_template_engine module instead.

slider

Exposes the Slider UI component.

Exports:

  • default - The Slider UI component

    require("ui/slider");
    // ===== or =====
    import Slider from "devextreme/ui/slider";

sortable

Exposes the Sortable UI component.

Exports:

  • default - The Sortable UI component

    require("ui/sortable");
    // ===== or =====
    import Sortable from "devextreme/ui/sortable";

speed_dial_action

Exposes the SpeedDialAction UI component.

Exports:

  • default - The SpeedDialAction UI component

    require("ui/speed_dial_action");
    // ===== or =====
    import SpeedDialAction from "devextreme/ui/speed_dial_action";

repaint_floating_action_button

Exposes the repaintFloatingActionButton method.

Exports:

  • default - The repaintFloatingActionButton method

    require("ui/speed_dial_action/repaint_floating_action_button");
    // ===== or =====
    import repaintFloatingActionButton from "devextreme/ui/speed_dial_action/repaint_floating_action_button";

splitter

Exposes the Splitter UI component.

Exports:

  • default - The Splitter UI component

    require("ui/splitter");
    // ===== or =====
    import Splitter from "devextreme/ui/splitter";

switch

Exposes the Switch UI component.

Exports:

  • default - The Switch UI component

    require("ui/switch");
    // ===== or =====
    import Switch from "devextreme/ui/switch";

tabs

Exposes the Tabs UI component.

Exports:

  • default - The Tabs UI component

    require("ui/tabs");
    // ===== or =====
    import Tabs from "devextreme/ui/tabs";

tab_panel

Exposes the TabPanel UI component.

Exports:

  • default - The TabPanel UI component

    require("ui/tab_panel");
    // ===== or =====
    import TabPanel from "devextreme/ui/tab_panel";

tag_box

Exposes the TagBox UI component.

Exports:

  • default - The TagBox UI component

    require("ui/tag_box");
    // ===== or =====
    import TagBox from "devextreme/ui/tag_box";

text_area

Exposes the TextArea UI component.

Exports:

  • default - The TextArea UI component

    require("ui/text_area");
    // ===== or =====
    import TextArea from "devextreme/ui/text_area";

text_box

Exposes the TextBox UI component.

Exports:

  • default - The TextBox UI component

    require("ui/text_box");
    // ===== or =====
    import TextBox from "devextreme/ui/text_box";

ui.text_editor.base

themes

Exposes an object that serves as a namespace for the methods that work with DevExtreme CSS Themes.

Exports:

  • current - The current() and current(themeName) methods

    require("ui/themes").current;
    // ===== or =====
    import { current } from "devextreme/ui/themes";

tile_view

Exposes the TileView UI component.

Exports:

  • default - The TileView UI component

    require("ui/tile_view");
    // ===== or =====
    import TileView from "devextreme/ui/tile_view";

toast

Exposes the Toast UI component.

Exports:

  • default - The Toast UI component

    require("ui/toast");
    // ===== or =====
    import Toast from "devextreme/ui/toast";

hide_toasts

toolbar

Exposes the Toolbar UI component.

Exports:

  • default - The Toolbar UI component

    require("ui/toolbar");
    // ===== or =====
    import Toolbar from "devextreme/ui/toolbar";

tooltip

Exposes the Tooltip UI component.

Exports:

  • default - The Tooltip UI component

    require("ui/tooltip");
    // ===== or =====
    import Tooltip from "devextreme/ui/tooltip";

tree_list

Exposes the TreeList UI component.

Exports:

  • default - The TreeList UI component

    require("ui/tree_list");
    // ===== or =====
    import TreeList from "devextreme/ui/tree_list";

tree_view

Exposes the TreeView UI component.

Exports:

  • default - The TreeView UI component

    require("ui/tree_view");
    // ===== or =====
    import TreeView from "devextreme/ui/tree_view";

validation_engine

Exposes an object that serves as a namespace for the methods required to perform validation.

Exports:

  • default - The validationEngine object

    require("ui/validation_engine");
    // ===== or =====
    import validationEngine from "devextreme/ui/validation_engine";

validation_group

Exposes the ValidationGroup UI component.

Exports:

  • default - The ValidationGroup UI component

    require("ui/validation_group");
    // ===== or =====
    import ValidationGroup from "devextreme/ui/validation_group";

validation_rules

validation_summary

Exposes the ValidationSummary UI component.

Exports:

  • default - The ValidationSummary UI component

    require("ui/validation_summary");
    // ===== or =====
    import ValidationSummary from "devextreme/ui/validation_summary";

validator

Exposes the Validator UI component.

Exports:

  • default - The Validator UI component

    require("ui/validator");
    // ===== or =====
    import Validator from "devextreme/ui/validator";

template

ui.widget

utils

Exposes the common utility objects.

Exports:

  • compileGetter - The compileGetter method

    require("utils").compileGetter;
    // ===== or =====
    import { compileGetter } from "devextreme/utils";
  • compileSetter - The compileSetter method

    require("utils").compileSetter;
    // ===== or =====
    import { compileSetter } from "devextreme/utils";

viz

A folder containing modules that expose data visualization UI components.

bar_gauge

Exposes the BarGauge UI component.

Exports:

  • default - The BarGauge UI component

    require("viz/bar_gauge");
    // ===== or =====
    import BarGauge from "devextreme/viz/bar_gauge";

bullet

Exposes the Bullet UI component.

Exports:

  • default - The Bullet UI component

    require("viz/bullet");
    // ===== or =====
    import Bullet from "devextreme/viz/bullet";

chart

Exposes the Chart UI component.

Exports:

  • default - The Chart UI component

    require("viz/chart");
    // ===== or =====
    import Chart from "devextreme/viz/chart";

base_chart

circular_gauge

Exposes the CircularGauge UI component.

Exports:

  • default - The CircularGauge UI component

    require("viz/circular_gauge");
    // ===== or =====
    import CircularGauge from "devextreme/viz/circular_gauge";

base_widget

export

Exposes export-related methods.

Exports:

funnel

Exposes the Funnel UI component.

Exports:

  • default - The Funnel UI component

    require("viz/funnel");
    // ===== or =====
    import Funnel from "devextreme/viz/funnel";

base_gauge

linear_gauge

Exposes the LinearGauge UI component.

Exports:

  • default - The LinearGauge UI component

    require("viz/linear_gauge");
    // ===== or =====
    import LinearGauge from "devextreme/viz/linear_gauge";

palette

Exposes methods that control palettes.

Exports:

  • currentPalette - The currentPalette(paletteName) method

    require("viz/palette").currentPalette;
    // ===== or =====
    import { currentPalette } from "devextreme/viz/palette";
  • getPalette - The getPalette(paletteName) method

    require("viz/palette").getPalette;
    // ===== or =====
    import { getPalette } from "devextreme/viz/palette";
  • registerPalette - The registerPalette(paletteName, palette) method

    require("viz/palette").registerPalette;
    // ===== or =====
    import { registerPalette } from "devextreme/viz/palette";

pie_chart

Exposes the PieChart UI component.

Exports:

  • default - The PieChart UI component

    require("viz/pie_chart");
    // ===== or =====
    import PieChart from "devextreme/viz/pie_chart";

polar_chart

Exposes the PolarChart UI component.

Exports:

  • default - The PolarChart UI component

    require("viz/polar_chart");
    // ===== or =====
    import PolarChart from "devextreme/viz/polar_chart"

range_selector

Exposes the RangeSelector UI component.

Exports:

  • default - The RangeSelector UI component

    require("viz/range_selector");
    // ===== or =====
    import RangeSelector from "devextreme/viz/range_selector";

sankey

Exposes the Sankey UI component.

Exports:

  • default - The Sankey UI component

    require("viz/sankey");
    // ===== or =====
    import Sankey from "devextreme/viz/sankey";

sparkline

Exposes the Sparkline UI component.

Exports:

  • default - The Sparkline UI component

    require("viz/sparkline");
    // ===== or =====
    import Sparkline from "devextreme/viz/sparkline";

base_sparkline

themes

Exposes methods that control themes.

Exports:

tree_map

Exposes the TreeMap UI component.

Exports:

  • default - The TreeMap UI component

    require("viz/tree_map");
    // ===== or =====
    import TreeMap from "devextreme/viz/tree_map";

utils

Exposes utility methods.

Exports:

  • refreshPaths - The refreshPaths() method

    require("viz/utils").refreshPaths;
    // ===== or =====
    import { refreshPaths } from "devextreme/viz/utils";

vector_map

Exposes the VectorMap UI component.

Exports:

  • default - The VectorMap UI component

    require("viz/vector_map");
    // ===== or =====
    import VectorMap from "devextreme/viz/vector_map";

projection

Exposes the DevExpress.viz.map.projection object.

Exports:

    require("viz/vector_map").projection;
    // ===== or =====
    import { projection } from "devextreme/viz/vector_map/projection";