New to Kendo UI for jQuery? Start a free 30-day trial

Animation

configuration

A collection of visual animations used when items are expanded or collapsed through user interaction. Setting this option to false will disable all animations.

animation:true is not a valid configuration.

animation

Boolean|Object

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  animation: false,
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ]
});
</script>

animation.collapse

Boolean|Object

The animation that will be used when collapsing items.

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  animation: {
    collapse: false
  },
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ]
});
</script>

animation.expand

Boolean|Object

The animation that will be used when expanding items.

<div id="treeview"></div>
<script>
$("#treeview").kendoTreeView({
  animation: {
    expand: false
  },
  dataSource: [
    { text: "foo", items: [
      { text: "bar" }
    ] }
  ]
});
</script>

Animation

animation

animation.collapse

animation.expand

Related Members