Treeview loaded from remote data source will not expand

[Aaron]

Help! I have NO idea what I'm doing wrong!  The initial node loads and shows an expand icon but nothing happens when it's clicked.  No request is even attempted. I have the following code:

var homogeneous = new kendo.data.HierarchicalDataSource({

    transport: {

        read: {

            url: 'http://localhost:500/api/users/',

            dataType: "json"

        }

    },

    schema: {

        model: {

            id: "id",

            hasChildren: "load_on_demand"

        }

    }

});

 

$("#tree").kendoTreeView({

    dataSource: homogeneous,

    dataTextField: "label"

});

The  'http://localhost:500/api/users/' is an ASP.NET Web API controller method that returns the following JSON:

[{"id":12345,

  "label":"NODE 1",

  "load_on_demand":true

}]

What am I doing wrong? Any ideas would help!

[Daniel]

Hello Aaron,

The code you provided looks correct. A problem with expanding the node might occur if the element used for the treeview is <ul> because this way the nodes will be determined from the markup or from the initial data. You should define the treeview container(<div> ) instead in this case. I also created a small jsFiddle example showing similar scenario.

Regards,
Daniel
the Telerik team