O'Reilly logo

Sencha Touch Cookbook - Second Edition by Ajit Kumar

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Working with a list of nested data using NestedList

Imagine you have a nested data structure that you would like to present to the user in the form of a list and allow him/her to drill down it. In this recipe, we will understand how to achieve this using the NestedList component.

Getting ready

Make sure you have set up your development environment by following the recipes outlined in Chapter 1, Gear Up for the Journey.

Make sure you have created the ch06 folder inside the www folder.

How to do it...

Carry out the following steps:

  1. Create and open a new file named ch06_07.js and copy-paste the following code into it:
    Ext.application({ name : 'MyApp', launch: function() { var data = { items: [{ text: 'Flowers', items: [{ text: 'Roses', items: [{ text: 'Red', ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required