Free Trial Buy
    Your search did not match any results.
    Tree View

    Virtual Mode

    Documentation

    For working with a large amount of data, the TreeView widget provides the Virtual Mode. In this mode, the widget 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 widget shows a loading indicator, because data loading takes a long time.

    See more Hide details
    Prev Demo Next Demo

    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.Web.Mvc; namespace DevExtreme.MVC.Demos.Controllers { public class TreeViewController : Controller { public ActionResult VirtualMode() { return View(); } } }