Clear all Node

[Matteo Fabris]

Hello,

I have a problem with reloading data in my Kendo Treelist.

I have a div <div id="#treeview-div"></div>

when I bind data, I call LoadData function.

When I call the function for the 1° time, all works well.

When I call the function for the 2° time, hiearchical row doesn't work.

 

How can I clear my div and rebind without issue?

 

Thanks

LoadData = function (dati)
{

    $("#treeview-div").empty();



    dati.schema = {};
    dati.schema.model = {};
    dati.schema.model.id = "id";
    dati.schema.model.expanded = false;
    //
    var dataSource = new kendo.data.TreeListDataSource(dati);



           $("#treeview-div").kendoTreeList({
                        dataSource: dataSource,
                        height: 600,
                        columns: [
                            { field: "DataOra" },
                            { field: "Attivita" },
                            { field: "Progetto" }
                        ]
                    });
}

[Anton Mironov]

Hello Matteo,

Thank you for the provided code snippet.

I tried locally to reproduce the described behavior and, at my side, the binding function is working as expected. Here is a dojo sample of my implementation:

• https://dojo.telerik.com/iWOhoceK

Use the example above as a template. If the issue persists, replicate, and send it back to me in this thread.

For generating a new dojo link use Ctrl+Shift+S. To save it use Ctrl+S.

Kind Regards,
Anton Mironov
Progress Telerik

[Matteo Fabris]

Hello.

Thanks for your reply!

Sorry but your example doesn't work in my project.

If I call
var emptyDataSource = [];
    
    var treeList = $("#treeview-div").data("kendoTreeList");
        treeList.setDataSource(emptyDataSource);

Chrome Console raise error: Cannot read property 'setDataSource' of undefined

I use Kendo v2018.2.516.

How can I solve?

thanks!

[Anton Mironov]

Hi Matteo,

Thank you for the provided details.

In order to resolve the faulty behavior try removing the following row from the code:

 

$("#treeview-div").empty();

 

After the change observe the result and if the issue persists, modify the following dojo and send it back to me in this thread:

• https://dojo.telerik.com/iWOhoceK/3
  

Best Regards,
Anton Mironov
Progress Telerik