The TreeView control allows you to retrieve data directly using JSONResult object. This specifies remote data URLs, which include the server, table and columns. The arrays returned are used as data sources for CollectionView objects. In tag helpers, LoadActionURL property in TreeView is used to bind it to a collection by passing an action URL method to carry out a specific operation. Similarly, in HTML helpers, Bind property is used to bind to a collection.

This topic demonstrates how to retrieve data from an existing data source remotely. This is useful for developing data-intensive applications and scenarios for representing data as dashboards.

The below example code uses Property model added in the QuickStart section. The following image shows how the TreeView control is displayed after making the C1JSON Request to fetch data from the model.

In Code

RemoteBindController.cs

public class TreeViewController : Controller
    {
        // GET: TreeView
        public ActionResult Index()
        {
            return View();
        }
        public ActionResult RemoteLoading_LoadAction()
        {
            return Json(Property.GetData(url));
        }
    }

RemoteBind.cshtml

@(Html.C1().TreeView()
    .Bind(Url.Action("RemoteLoading_LoadAction"))
    .DisplayMemberPath("Header")
    .ChildItemsPath("Items"))