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

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 widgets.

array_store

Exposes the ArrayStore data access interface.

Exports:

  • default - The ArrayStore data access interface

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

custom_store

Exposes the CustomStore data access interface.

Exports:

  • default - The CustomStore data access interface

    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 EndpointSelecror 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 interface.

Exports:

  • default - The LocalStore data access interface

    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 interface.

Exports:

  • default - The ODataContext data access interface

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

store

Exposes the ODataStore data access interface.

Exports:

  • default - The ODataStore data access interface

    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

Exposes the dxpointercancel, dxpointerdown, dxpointerenter, dxpointerleave, dxpointermove, dxpointerout, dxpointerover, dxpointerup events.

require("events/pointer");

remove

Exposes the dxremove event.

require("events/remove");

swipe

Exposes the dxswipe, dxswipeend, dxswipestart events.

require("events/swipe");

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

ui

A folder that contains modules exposing UI widgets.

accordion

Exposes the Accordion widget.

Exports:

  • default - The Accordion widget

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

action_sheet

Exposes the ActionSheet widget.

Exports:

  • default - The ActionSheet widget

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

autocomplete

Exposes the Autocomplete widget.

Exports:

  • default - The Autocomplete widget

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

box

Exposes the Box widget.

Exports:

  • default - The Box widget

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

button

Exposes the Button widget.

Exports:

  • default - The Button widget

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

button_group

Exposes the ButtonGroup widget.

Exports:

  • default - The ButtonGroup widget

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

calendar

Exposes the Calendar widget.

Exports:

  • default - The Calendar widget

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

check_box

Exposes the CheckBox widget.

Exports:

  • default - The CheckBox widget

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

color_box

Exposes the ColorBox widget.

Exports:

  • default - The ColorBox widget

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

context_menu

Exposes the ContextMenu widget.

Exports:

  • default - The ContextMenu widget

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

data_grid

Exposes the DataGrid widget.

Exports:

  • default - The DataGrid widget

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

date_box

Exposes the DateBox widget.

Exports:

  • default - The DateBox widget

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

defer_rendering

Exposes the DeferRendering widget.

Exports:

  • default - The DeferRendering widget

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

diagram

Exposes the Diagram widget.

Exports:

  • default - The Diagram widget

    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 widget.

Exports:

  • default - The Draggable widget

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

drawer

Exposes the Drawer widget.

Exports:

  • default - The Drawer widget

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

drop_down_box

Exposes the DropDownBox widget.

Exports:

  • default - The DropDownBox widget

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

drop_down_button

Exposes the DropDownButton widget.

Exports:

  • default - The DropDownButton widget

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

file_manager

Exposes the FileManager widget.

Exports:

  • default - The FileManager widget

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

file_provider

Exposes file providers used in the FileManager widget.

ajax

Exposes the Ajax file provider.

Exports:

  • default - The Ajax file provider

    require("ui/file_manager/file_provider/ajax");
    // ===== or =====
    import AjaxFileProvider from "devextreme/ui/file_manager/ajax";
array

Exposes the Array file provider.

Exports:

  • default - The Array file provider

    require("ui/file_manager/file_provider/array");
    // ===== or =====
    import ArrayFileProvider from "devextreme/ui/file_manager/array";
custom

Exposes the Custom file provider.

Exports:

  • default - The Custom file provider

    require("ui/file_manager/file_provider/custom");
    // ===== or =====
    import CustomFileProvider from "devextreme/ui/file_manager/custom";
remote

Exposes the Remote file provider.

Exports:

  • default - The Remote file provider

    require("ui/file_manager/file_provider/remote");
    // ===== or =====
    import RemoteFileProvider from "devextreme/ui/file_manager/remote";

file_uploader

Exposes the FileUploader widget.

Exports:

  • default - The FileUploader widget

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

filter_builder

Exposes the FilterBuilder widget.

Exports:

  • default - The FilterBuilder widget

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

form

Exposes the Form widget.

Exports:

  • default - The Form widget

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

gallery

Exposes the Gallery widget.

Exports:

  • default - The Gallery widget

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

gantt

Exposes the Gantt widget.

Exports:

  • default - The Gantt widget

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

html_editor

Exposes the HtmlEditor widget.

Exports:

  • default - The HtmlEditor widget

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

list

Exposes the List widget.

Exports:

  • default - The List widget

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

load_indicator

Exposes the LoadIndicator widget.

Exports:

  • default - The LoadIndicator widget

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

load_panel

Exposes the LoadPanel widget.

Exports:

  • default - The LoadPanel widget

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

lookup

Exposes the Lookup widget.

Exports:

  • default - The Lookup widget

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

map

Exposes the Map widget.

Exports:

  • default - The Map widget

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

menu

Exposes the Menu widget.

Exports:

  • default - The Menu widget

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

multi_view

Exposes the MultiView widget.

Exports:

  • default - The MultiView widget

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

nav_bar

Exposes the NavBar widget.

Exports:

  • default - The NavBar widget

    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 widget.

Exports:

  • default - The NumberBox widget

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

overlay

Exposes methods that work with overlay widgets.

Exports:

  • bazeZIndex - The baseZIndex(zIndex) method

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

pivot_grid

Exposes the PivotGrid widget.

Exports:

  • default - The PivotGrid widget

    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 interface.

Exports:

  • default - The XmlaStore data access interface

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

pivot_grid_field_chooser

Exposes the PivotGridFieldChooser widget.

Exports:

  • default - The PivotGridFieldChooser widget

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

popover

Exposes the Popover widget.

Exports:

  • default - The Popover widget

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

popup

Exposes the Popup widget.

Exports:

  • default - The Popup widget

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

progress_bar

Exposes the ProgressBar widget.

Exports:

  • default - The ProgressBar widget

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

radio_group

Exposes the RadioGroup widget.

Exports:

  • default - The RadioGroup widget

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

range_slider

Exposes the RangeSlider widget.

Exports:

  • default - The RangeSlider widget

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

recurrence_editor

Exposes the RecurrenceEditor widget.

Exports:

  • default - The RecurrenceEditor widget

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

resizable

Exposes the Resizable widget.

Exports:

  • default - The Resizable widget

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

responsive_box

Exposes the ResponsiveBox widget.

Exports:

  • default - The ResponsiveBox widget

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

scheduler

Exposes the Scheduler widget.

Exports:

  • default - The Scheduler widget

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

scroll_view

Exposes the ScrollView widget.

Exports:

  • default - The ScrollView widget

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

select_box

Exposes the SelectBox widget.

Exports:

  • default - The SelectBox widget

    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 widget.

Exports:

  • default - The Slider widget

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

slide_out

Exposes the SlideOut widget.

Exports:

  • default - The SlideOut widget

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

slide_out_view

Exposes the SlideOutView widget.

Exports:

  • default - The SlideOutView widget

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

sortable

Exposes the Sortable widget.

Exports:

  • default - The Sortable widget

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

speed_dial_action

Exposes the SpeedDialAction widget.

Exports:

  • default - The SpeedDialAction widget

    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 widget.

Exports:

  • default - The Switch widget

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

tabs

Exposes the Tabs widget.

Exports:

  • default - The Tabs widget

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

tab_panel

Exposes the TabPanel widget.

Exports:

  • default - The TabPanel widget

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

tag_box

Exposes the TagBox widget.

Exports:

  • default - The TagBox widget

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

text_area

Exposes the TextArea widget.

Exports:

  • default - The TextArea widget

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

text_box

Exposes the TextBox widget.

Exports:

  • default - The TextBox widget

    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 widget.

Exports:

  • default - The TileView widget

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

toast

Exposes the Toast widget.

Exports:

  • default - The Toast widget

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

toolbar

Exposes the Toolbar widget.

Exports:

  • default - The Toolbar widget

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

tooltip

Exposes the Tooltip widget.

Exports:

  • default - The Tooltip widget

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

tree_list

Exposes the TreeList widget.

Exports:

  • default - The TreeList widget

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

tree_view

Exposes the TreeView widget.

Exports:

  • default - The TreeView widget

    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 widget.

Exports:

  • default - The ValidationGroup widget

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

validation_summary

Exposes the ValidationSummary widget.

Exports:

  • default - The ValidationSummary widget

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

validator

Exposes the Validator widget.

Exports:

  • default - The Validator widget

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

viz

A folder containing modules that expose data visualization widgets.

bar_gauge

Exposes the BarGauge widget.

Exports:

  • default - The BarGauge widget

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

bullet

Exposes the Bullet widget.

Exports:

  • default - The Bullet widget

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

chart

Exposes the Chart widget.

Exports:

  • default - The Chart widget

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

circular_gauge

Exposes the CircularGauge widget.

Exports:

  • default - The CircularGauge widget

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

export

Exposes export-related methods.

Exports:

funnel

Exposes the Funnel widget.

Exports:

  • default - The Funnel widget

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

linear_gauge

Exposes the LinearGauge widget.

Exports:

  • default - The LinearGauge widget

    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 widget.

Exports:

  • default - The PieChart widget

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

polar_chart

Exposes the PolarChart widget.

Exports:

  • default - The PolarChart widget

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

range_selector

Exposes the RangeSelector widget.

Exports:

  • default - The RangeSelector widget

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

sankey

Exposes the Sankey widget.

Exports:

  • default - The Sankey widget

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

sparkline

Exposes the Sparkline widget.

Exports:

  • default - The Sparkline widget

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

themes

Exposes methods that control themes.

Exports:

tree_map

Exposes the TreeMap widget.

Exports:

  • default - The TreeMap widget

    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 widget.

Exports:

  • default - The VectorMap widget

    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";
  • get - The get(name) method

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

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

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