This example shows how to bind Telerik TreeView for ASP.NET MVC to a JSON object.

The required steps are:

1. Attach an event handler to the OnDataBinding client-side event:

   <%= Html.Telerik().TreeView()
           .Name("TreeView")
           .ClientEvents(events => events
               .OnDataBinding("onDataBinding")
           )
   %>
   

2. Add a data binding handler function that will load the required data and pass it to the treeview

   <script type="text/javascript">
       function onDataBinding(e) {
           var treeview = $('#TreeView').data('tTreeView');
   
           var jsonObject = [
               { Text: "Product 1", Expanded: true,
                   Items: [
                     { Text: "Product 4" },
                     { Text: "Product 5" },
                     { Text: "Product 6" },
                     { Text: "Other products", LoadOnDemand: true, Value: "other" }
                 ]
               },
               {  Text: "Product 2 (unavailable)", Enabled: false },
               {  Text: "Product 3" }
           ];
   
           treeview.bindTo(jsonObject);
       }
   </script>