DevExtreme v24.2 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Angular React Vue
  • Demos
  • Docs
  • What's new
    Roadmap
  • Support
  • ThemeBuilder
  • Blog
Free Trial Buy
  • Demos
  • Docs
  • What's new
    New
  • Roadmap
    New
  • Support
  • ThemeBuilder
  • Blog
  • Overview
  • What's New
  • Getting Started
  • Licensing
  • UI Components
    • Accordion
    • ActionSheet
    • Autocomplete
    • BarGauge
    • Box
    • Bullet
    • Button
    • ButtonGroup
    • Calendar
    • Chart
    • Chat
    • CheckBox
    • CircularGauge
    • ColorBox
    • ContextMenu
    • DataGrid
    • DateBox
    • DateRangeBox
    • DeferRendering
    • Diagram
    • Draggable
    • Drawer
    • DropDownBox
    • DropDownButton
    • FileManager
    • FileUploader
    • FilterBuilder
    • Floating Action Button
    • Form
    • Funnel
    • Gallery
    • Gantt
    • HtmlEditor
    • LinearGauge
    • List
    • LoadIndicator
    • LoadPanel
    • Lookup
    • Map
    • Menu
    • MultiView
    • NumberBox
    • Pagination
    • PieChart
    • PivotGrid
    • PivotGridFieldChooser
    • PolarChart
    • Popover
    • Popup
    • ProgressBar
    • RadioGroup
    • RangeSelector
    • RangeSlider
    • Resizable
    • ResponsiveBox
    • Sankey
    • Scheduler
    • ScrollView
    • SelectBox
    • Slider
    • Sortable
    • Sparkline
    • Splitter
    • Switch
    • TabPanel
    • Tabs
    • TagBox
    • TextArea
    • TextBox
    • TileView
    • Toast
    • Toolbar
    • Tooltip
    • TreeList
    • TreeMap
    • TreeView
      • Overview
      • Getting Started
      • How To
      • API
      • Accessibility
      • Demos
    • VectorMap
    • Common Types
    • Utilities
  • Common Concepts
  • DevExtreme CLI
  • Accessibility
  • Security Considerations
  • Components Testing
  • Troubleshooting
  • Integration Guides
Documentation Menu
  • jQuery Documentation
  • UI Components
  • TreeView
  • Demos
  • jQuery Documentation
  • UI Components
  • TreeView
  • Demos
v25.1 v24.2 v24.1 v23.2 v23.1 v22.2 v22.1 v21.2 v21.1
The page you are viewing does not exist in version 21.1.
v20.2
The page you are viewing does not exist in version 20.2.
v20.1
The page you are viewing does not exist in version 20.1.
v19.2
The page you are viewing does not exist in version 19.2.
v19.1
The page you are viewing does not exist in version 19.1.
v18.2
The page you are viewing does not exist in version 18.2.
v18.1
The page you are viewing does not exist in version 18.1.
v17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery TreeView - Demos

TreeView features are illustrated and described in the following technical demos:

  • Hierarchical Data Structure
  • Plain Data Structure
  • Node Selection and Customization
  • Virtual Mode
  • Load Data on Demand
  • TreeView with Search Bar
  • ContextMenu Integration

Drag & Drop and Reordering

  • Drag & Drop for Plain Data Structure
  • Drag & Drop for Hierarchical Data Structure
Was this topic helpful?
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!

Copyright © 2011-2025 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners.

Use of this site constitutes acceptance of the Developer Express Inc Website Terms of Use, Privacy Policy (Updated), and .
Use of DevExtreme UI components/libraries constitutes acceptance of the Developer Express Inc End User License Agreement.

FAQs: Licensing | DevExpress Support Services | Supported Versions & Requirements | Maintenance Releases