Simplest ExtJS Tree Example


Very simple tree example configured only on a couple of lines with static inline data.

Main Features

  • very simple
  • static inline local data
  • root node can be hidden
  • only one instance can be used

Use Cases

You may need this kind of tree for navigation menus, for a proof on concept, for tree showcases or debugging purposes as a base to create more complex trees.

Run Example

Source Code

If you want to see the example code, login or sign-up. Free membership is available.


Follow me:


I'm a well seasoned developer, consultant and educator of web applications based mainly on Sencha libraries, PHP, MySQL and Node.js. Besides (Apple) computers, I love photography and mountain biking.
Follow me:

Latest posts by Saki (see all)


  1. Balaji Kaliappan says


    How do you specify the root node when you load the json response from the servlet. Im using the below code to get the tree grid but it is not working as expected. Please let me know your suggestion.

    store:Ext.create(‘’, {
    model: ‘SampleExt.model.AlbumDataModel’,
    proxy: {
    type: ‘ajax’,
    headers: { “Content-Type”: ‘application/json’ },

We will be happy to hear back from you

Please Login to post a comment