New to Telerik UI for ASP.NET Core? Download free 30-day trial

Binding to OData-v4 service

Loading Demo...

EXAMPLE
VIEW SOURCE
Edit in Theme Builder
Change Theme
Default
SASS

LESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- Black
- Blue Opal
- Bootstrap v3
- Default
- Fiori
- Flat
- High Contrast
- Material
- Material Black
- Metro
- Metro Black
- Moonlight
- Nova
- Office 365
- Silver
- Uniform

            
                        odata.cshtml
                    
                        EmployeeViewModel.cs

Also available for:

API REFERENCE

kendo.syncReady(function(){jQuery("#treelist").kendoTreeList({"columns":[{"field":"FirstName","title":"First Name","width":"220px","filterable":true},{"field":"LastName","title":"Last Name","width":"160px","filterable":true},{"field":"City","width":"160px","filterable":true},{"field":"HomePhone","title":"Home Phone","width":"200px","filterable":true},{"field":"Address","width":"140px","filterable":true}],"filterable":true,"sortable":true,"dataSource":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})(),"transport":{"read":{"url":""},"prefix":""},"serverPaging":true,"serverSorting":true,"serverFiltering":true,"serverAggregates":true,"filter":[],"schema":{"data":"Data","total":"Total","errors":"Errors","model":{"fields":{"EmployeeID":{"nullable":false,"type":"number"},"FirstName":{"nullable":false,"type":"string"},"EmployeeName":{"nullable":false,"type":"string"},"LastName":{"nullable":false,"type":"string"},"Title":{"nullable":false,"type":"string"},"Country":{"nullable":false,"type":"string"},"City":{"nullable":false,"type":"string"},"Address":{"nullable":false,"type":"string"},"HomePhone":{"nullable":false,"type":"string"},"Notes":{"nullable":false,"type":"string"},"ReportsTo":{"nullable":false,"type":"number","defaultValue":null}}}}}});});

Description

ASP.NET Core TreeList component supports binding to various endpoints. This example illustrates how you can use an OData-v4 service to populate the tree. The main points in the implementation are:

1. Initially requesting only the top level items(root items). In the particular case a bound function is used.
2. Requesting only the child nodes for a given node, on expand, using the id field value defined in the model.

Binding to OData-v4 service

Description

Support & Learning Resources

Was this demo helpful?

Tell us how we can improve this demo