ui

An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications.

Included in: dx.mobile.js, dx.web.js, dx.viz.js, dx.viz-web.js, dx.all.js

dialog

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

dxOverlay

An object that serves as a namespace for static methods that affect overlay widgets.

notify(message, type, displayTime)

Creates a toast message.

Module: ui/notify
Export: default
Parameters:
message:

String

A string value specifying the message text.

type:

String

| undefined

A string value specifying the message type.

displayTime:

Number

| undefined

A numeric value specifying the time span during which the message is shown.

The type parameter can take on one of the following values: 'info'|'warning'|'error'|'success'.

Show Example:
AngularJS
Knockout
jQuery

notify(options, type, displayTime)

Creates a toast message.

Module: ui/notify
Export: default
Parameters:
options:

Object

The configuration object of the Toast widget.

type:

String

| undefined

A string value specifying the message type.

displayTime:

Number

| undefined

A numeric value specifying the time span during which the message is shown.

Pass the configuration object of the Toast widget as a parameter. Alternatively, use the notify(message, type, displayTime) method overload.

setTemplateEngine(name)

Sets a specified template engine.

Export: default
Parameters:
templateEngineName:

String

The name of the template engine to be set. The following values are acceptable: "jquery-tmpl", "jsrender", "mustache", "hogan", "underscore", "handlebars" and "doT".

If you use the jQuery approach, you can register a custom template engine to define custom templates for widget elements. For this purpose, call the DevExpress.ui.setTemplateEngine(name) method passing the name of the required template engine as a parameter.

If there is no required template engine within the supported engines, use the DevExpress.ui.setTemplateEngine(options) method passing an object that provides functions for template parsing and rendering.

NOTE
This method does not apply if Knockout or AngularJS libraries are attached to your application. In this case, the Knockout or AngularJS built-in template engine is used.

setTemplateEngine(options)

Sets a custom template engine defined via custom compile and render functions.

Export: default
Parameters:
templateEngineOptions:

Object

An object providing functions for parsing and rendering templates.

Object structure:
compile:

function

A function that parses the passed HTML or DOM element and returns a template.

render:

function

A function that inserts data into the template returned by the "compile" function and returns the HTML element to be rendered. The template, data and item index are passed as the function's parameters. Note that the item index is defined only for collection widgets, for example, List, SelectBox, Scheduler.

If you need to define a custom template for widget items, you can use a custom template engine, which is different from Knockout and AngularJS engines. To use this engine, call the DevExpress.ui.setTemplateEngine(name) method passing the name of one of the supported template engines. If your template engine is not supported, call the DevExpress.ui.setTemplateEngine(options) method passing an object with the compile and render fields that are set to functions preparing a template and inserting data, respectively.

themes

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

Module: ui/themes
Export: default