Sencha Inc. | HTML5 Apps

Intro to the Nested List Component

Published Mar 02, 2011 | Drew Neil | Screencast | Medium
Last Updated Sep 01, 2011

This Screencast is most relevant to Sencha Touch, 1.x.

Duration: 7:53

This screencast describes the basics of the NestedList component in Sencha Touch.
Share this post:
Leave a reply

Written by Drew Neil

11 Comments

Seye

3 years ago

Thanks alot, this is very helpful.
I am new to Sencha Touch

siebmanb

3 years ago

Great tutorial. Even though it works in a browser, data doesn’t load in Xcode 4.1 simulator… Any idea ?

Heather

3 years ago

I downloaded all the files and went to run this in Safari and all I get is a title bar that says Music but no album list. Am I missing something?

siebmanb

3 years ago

Any error from the browser ? (in the Development -> Error panel in Safari)

Drew Neil

3 years ago

@Heather - you’ll need to place the files on a web server so that Sencha Touch can load the JSON data files.

JoF

3 years ago

I’ve tried in a local server (MAMP) and uploaded to a web server via FTP and the list doesn’t appears. Any idea?

JoF

3 years ago

Ok. I found the error.
The line 5 of music_store.js file located in /app/stores/ should be:
url: ‘../nested/data/tracks.json’,

JoF

3 years ago

Oops! I forgot to say that it works if your project is in a folder called “nested” wink.

Heather

3 years ago

Thanks Drew & Jo! That did it. I didn’t realize I had to upload the files to a web server and now that I have the correct url to the JSON file in the music_store.js the list loads perfectly. Thanks again!

Heather

3 years ago

For the url in music_store.js file url: ‘data/tracks.json’, also works smile

JoF

3 years ago

@Heather haha! you are right. Obviously!!!!

Leave a comment:

Commenting is not available in this channel entry.