TreeView node does not selectable after changing the text.

[Daochuen]

Hello,

After I changed  node's display text in client side the node become not selectable.  for example I have treeview as below: 

$("#treeview").kendoTreeView({
  dataSource: [
    { text: "foo", id:"1", items: [
      { text: "AAA",id:"2" } ] }
  ]
});

I changed "AAA" to "BBB"  by button click (see below code). after that I cannot select that node anymore. the node with 'BBB' function as a LABEL. Does anyone has idea how to resolve it?

 

  $("#btn").click(function(){
     var treeview = $("#treeview").data("kendoTreeView");               
      var myDataItem=treeview.dataSource.get(2); 
      var node = treeview.findByUid(myDataItem.uid);
      node.text("BBB");
      treeview.select(node);
     
 });

[Eyup]

Hi Daochuen,

You are very close. All you need to change is to use the built-in text method provided by the treeview:
https://docs.telerik.com/kendo-ui/api/javascript/ui/treeview/methods/text

In this case it will be:

$("#btn").click(function(){
  ...
  treeview.text(node, "BBB");
});

Here is the full dojo sample:
https://dojo.telerik.com/izuFObIk/4

I hope this will prove helpful.

Regards,
Eyup
Progress Telerik

[Daochuen]

Thanks, that worked great!