Chapter 9. Taking root with trees

This chapter covers

  • Dissecting the tree panel widget
  • Rendering in-memory data
  • Using a remote-loading data tree panel
  • Creating a custom context menu
  • Editing node data

In this chapter you’ll learn about the Ext JS tree panel, which is used to display hierarchical data, much like a typical filesystem. You’ll learn how to set up both static and dynamic implementations of this widget. After getting comfortable with this component, you’ll set up CRUD operations by using a data store and a dynamically updating context menu.

9.1. Tree panel theory

To understand trees you first need to understand hierarchy. Hierarchy is an arrangement of relationships where items belong above, under, or at the same level as ...

Get Ext JS in Action, Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.