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.

hiddenUntilRendered

Indicates if widget markup should be visible until bindings are applied to its children elements.

Type: Boolean
Default Value: true

onRendered

Specifies a callback function that is called when the widget's content has finished rendering but is not yet shown.

Type: function
Function parameters:
e: Object
Provides function parameters.
Object structure:
element: jQuery
A root element of the rendered markup.

onShown

Specifies a callback function that is called when widget content is shown and animation has completed.

Type: function
Function parameters:
e: Object
Provides function parameters.
Object structure:
element: jQuery
A root element of the shown markup.

renderWhen

Specifies a jQuery.Promise, 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.