Vue
A newer version of this page is available. Switch to the current version.

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";

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";

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";

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";

set_template_engine

Exposes methods that specify a template engine.

Exports:

data

A folder containing modules used to provide data for UI components.

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 errors and warnings that may occur when using the DevExtreme Data Library.

Exports:

  • errorHandler - The function called when the Store causes an error. Assign a function to perform a custom action.

    require("data/errors").errorHandler = function(){
        // Implement logic here
    };

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");

pointer

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";

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";

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.

angular

The module that provides AngularJS integration.

require("integration/angular");

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";

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";

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";

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";

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";

nav_bar

Exposes the NavBar UI component.

Exports:

  • default - The NavBar UI component

    require("ui/nav_bar");
    // ===== or =====
    import NavBar from "devextreme/ui/nav_bar";

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.

slide_out

Exposes the SlideOut UI component.

Exports:

  • default - The SlideOut UI component

    require("ui/slide_out");
    // ===== or =====
    import SlideOutView from "devextreme/ui/slide_out_view";

slide_out_view

Exposes the SlideOutView UI component.

Exports:

  • default - The SlideOutView UI component

    require("ui/slide_out_view");
    // ===== or =====
    import SlideOut from "devextreme/ui/slide_out";

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";

switch

Exposes the Switch UI component.

Exports:

  • default - The Switch UI component

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

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";

tabs

Exposes the Tabs UI component.

Exports:

  • default - The Tabs UI component

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

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";

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";

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_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";

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";

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";

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";

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";

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 methods of the DevExpress.viz.map.projection object.

Exports:

  • add - The add(name, projection) method

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

aspnet

Exposes client-side utilities required by DevExtreme ASP.NET MVC 5 Controls and DevExtreme-Based ASP.NET Core Controls.

Exports:

  • default - client-side utilities required by DevExtreme ASP.NET MVC Controls

    require("aspnet");
    // ===== or =====
    import "devextreme/aspnet";