A container for elements that must be rendered at a specified moment.

The dxDeferRendering widget is an element whose content is rendered only when the renderWhen option returns a resolved jQuery.Promise. While waiting for the moment when content can be rendered, a loading indicator can be displayed. To render widget content, the animation specified by the animation option will be performed.

Currently only the Knockout approach is available for use with this widget .

Add a div element and apply the dxDeferRendering binding to this element.

<div data-bind="dxDeferRendering: {
    renderWhen: modelIsReady
    <!--Widget content-->
var modelIsReady = $.Deferred();
//A function in which modelIsReady is resolved
var myViewModel = {
    modelIsReady: modelIsReady.promise()

Note that DevExtreme widgets require you to link the jQuery and Globalize libraries to your application. To use the Knockout approach, the Knockout library is also required.

See Also

You can find the detailed information on principles of working with the widget in the dxDeferRendering section of the Individual Widgets article.

Show Example:


An object defining configuration options for the widget.