transitionEnd

Fires after the view transition container has its k-fx-end class set. The type event data is set to either "show" or "hide". For more details on view Transitions check the layout showIn method.

Example

<div id="app"></div>

<script>
var foo = new kendo.View("<span>Foo</span>");
/* The result can be observed in the DevTools(F12) console of the browser. */
var bar = new kendo.View("<span>Bar</span>", { transitionEnd: function() { console.log(e) }});

var layout = new kendo.Layout("<header>Header</header><section id='content'></section><footer></footer>");

layout.render($("#app"));

layout.showIn("#content", foo);
layout.showIn("#content", bar);
</script>
In this article