Creating an Icon Grid with ST

Hello,

Firstly, allow me to introduce myself. I am a web developer from the UK, and am currently trying to learn Sencha Touch for some future projects and my own interest. I have been experimenting with other mobile web application frameworks such as jQuery Mobile and jQTouch, but feel that Sencha Touch is the way to go, simply because of its extensive library and functionality.

In order to learn Sencha Touch to an acceptable level, I have decided that I'm going to try and create something similar to the Facebook Mobile Application (not for release obviously, just for my own learning). While I have found the Kitchen Sink demos and tutorials very useful, I have hit a bit of a hurdle with creating a 'dashboard' style Panel in Sencha Touch.

My question, in short, is how would I go about creating a simple 3x3 icon grid which can act as a dashboard for my application? Here's a shot of the Facebook sample that I'm trying to replicate:

As far as I can tell, it would be possible to create this using a combination of vbox and hbox components, but I don't fully understand how to create complex layouts in Sencha Touch just yet. Ideally, I would like the generated dashboard to be extensible, so would be looking to define the items for the dashboard in an array, something similar to:

Could also use a DataView with a store to read the array data and an XTemplate in the tpl property to do the layout, using the new CSS3 display properties for display: table, display: table-row, and display: table-cell. When you are building the page from data objects, I find the templates to be a better approach.

Thanks for your help, guys. I have come up with a solution that requires some polishing. As soon as I'm pleased with it, I'll post same here. Effectively, I wrote a new class in JS which produces a grid of icons.

Tha dashboard should be the starting respectively the content of the startup container.
I tried a lot arround the namespaces an adding it as items to the container an so on.
Now I'm a bit confused, because it doesn't work for me.

I would like to use your code to create a menu like in the facebook app, but your code give a strange result in my app.
Indeed all my icons are superimposed and I don't understand why I have this result.

If I use your code with a carousel at the end of your function, nothing is displayed, if I remplace it by a Panel, I have this result.