DeferRendering Configuration

An object defining configuration options for the widget.

animation

Specifies the animation to be used to show the rendered content.

Default Value: undefined

You can pass a configuration object defining the required animation or the name of one of the registered animations.

Note that you can specify a staggered animation so that content elements with a similar selector are animated using the specified animation one after another with a specified delay. For details, refer to the Animate Content Rendering section in the dxDeferRendering guide.

onRendered

A handler for the rendered event.

Type: function
Function parameters:
e: Object
Provides function parameters.
Object structure:
component: Object
A root element of the rendered markup.
element: jQuery
An HTML element of the widget.
model: Object
Provides access to the data that is available for binding against the element. Available only in the Knockout and AngularJS approaches.
Default Value: null

onShown

A handler for the shown event.

Type: function
Function parameters:
e: Object
Provides function parameters.
Object structure:
component: Object
A root element of the shown markup.
element: jQuery
An HTML element of the widget.
model: Object
Provides access to the data that is available for binding against the element. Available only in the Knockout and AngularJS approaches.
Default Value: null

renderWhen

Specifies a jQuery.Promise or a boolean value, which upon resolving forces widget content to render.

Default Value: undefined

showLoadIndicator

Indicates if a load indicator should be shown until the widget's content is rendered.

Type: Boolean
Default Value: false

To learn more about how to indicate that the content is currently loaded, refer to the Indicate Loading State section in the dxDeferRendering guide.

staggerItemSelector

Specifies a jQuery selector of items that should be rendered using a staggered animation.

Type: String
Default Value: undefined

Elements with the selector specified by this option will be searched within the widget's content. The found elements will be shown with animation specified by the animation option. If the specified animation is staggered, the elements will be animated one after another with the delay specified within the animation's configuration.