Treeview conversion from Telerik to Kendo UI

[Harsh]

Hi,

We have converted the the treeview from telerik MVC to Kendo UI looks fine but how should we do operations on it after the tree is loaded ? Previously we used OnLoad event in telerik to do some operations after the tree is loaded but in Kendo no Onload event is present so we used document.ready function but it fires before the tree is loaded due to which the few steps do not work.
Other question is regarding the Kendo treeview expand and collapse animation. We need to show the + and - signs instead os the small triangle, how shall we achieve this ?

Thanks..

[Dimiter Madjarov]

Hello,


To apply some custom logic when the TreeView has loaded the data, you should bind to the dataBound event. Regarding your second question, in order to set some custom icons instead of the default TreeView triangle, you should override the following CSS styles.
E.g.

.k-treeview .k-minus {
    background: url("minus.png") center center;
}
.k-treeview .k-plus {
    background: url("plus.png") center center;
}

 

Regards,
Dimiter Madjarov
the Telerik team

[Harsh]

Thanks. That worked..

One more functionality which need to disable is that when all the child nodes are selected the parent node gets selected by default. We don't want this functionality, how can we achieve this ?

Thanks.

[Dimiter Madjarov]

Hello,


To override the default behavior of the checkboxes, you could bind to their change event and apply the custom logic in the event handler. Another option in the current scenario would be to specify a custom template and provide your own implementation of the checkboxes.

 

Greetings,
Dimiter Madjarov
the Telerik team