Virtual Mode

Documentation

For working with a large amount of data, the TreeView provides the Virtual Mode. In this mode, the component loads a set of child nodes once their parent node is expanded. In this demo, the TreeView is associated with a remote data source. Note that the component shows a loading indicator, because data loading takes a long time.

See more Hide details

Prev Demo Next Demo

Was this demo helpful?

Thank you!

Feel free to share demo-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.

Send Feedback

Thank you!
We appreciate your feedback.

jQuery

Angular

Vue

React

AngularJS

ASP.NET Core

ASP.NET MVC

@(Html.DevExtreme().TreeView() .DataSource(d => d.OData() .Url("https://js.devexpress.com/Demos/WidgetsGallery/odata/HierarchicalItems") ) .DataStructure(TreeViewDataStructure.Plain) .KeyExpr("Id") .DisplayExpr("Name") .ParentIdExpr("CategoryId") .HasItemsExpr("IsGroup") .VirtualModeEnabled(true) )

using DevExtreme.AspNet.Data; using DevExtreme.AspNet.Mvc; using DevExtreme.MVC.Demos.Models; using DevExtreme.MVC.Demos.Models.SampleData; using Newtonsoft.Json; using System.Collections.Generic; using System.Linq; using System.Web.Mvc; namespace DevExtreme.MVC.Demos.Controllers { public class TreeViewController : Controller { public ActionResult VirtualMode() { return View(); } } }