List Reader JsonView

[puttan]

Hello, Sencha People!

I need some help with a list that reads a JSON call, and the call looks like below:

"Restaurants": [{
        "Name": "B-O:s Restaurang",
        "Lunches": [{
            "Course": "Köttbullar stuvade grönsaker"
        }, {
            "Course": "Stekt Kycklingfilé svampsås"
        }, {
            "Course": "Räksallad"
        }, {
            "Course": "Sparrissoppa"
        }, {
            "Course": "Vegetarisk Quorngryta"
        }],
        "MapUrl": "http://maps.google.se/maps?f=q&hl=sv&geocode=&q=Björnavägen+41%2cÖrnsköldsvik",
        "TelUrl": "tel:066080650"
    },
...

My code follows:

var date = new Date();
var currentYear = Ext.Date.format(date, 'Y');
var currentMonth = Ext.Date.format(date, 'j');
var currentDay = Ext.Date.format(date, 'd');


Ext.define('LG.view.Lunch', {
    extend: 'Ext.navigation.View',
    xtype: 'lunch',


    requires: [
        'Ext.dataview.List',
        'Ext.data.proxy.JsonP',
        'Ext.data.Store',
        'Ext.DateExtras'
    ],
    
    config: {
        title: 'Lunch',
        iconCls: 'home',
        cls: 'lunch',
        
        items: {
            xtype: 'list',
            itemTpl: '<h2 class="Name">{Name}</h2><p class="Lunches">{Lunches}</p>',
            title: 'Dagens lunch',
            
            store: {
                autoLoad: true,
                fields: ['Name', 'Lunches'],
                
                proxy: {
                    type: 'jsonp',
                    url: 'http://api.lillagula.se/API.mvc/GetW7Lunches?year=' + currentYear + '?month=' + currentMonth + '?day=' + currentDay + '&apikey=f87c21f3-3c14-4661-9c9a-add5d7c7988c',
                    reader: {
                        type: 'json',
                        rootProperty: 'Restaurants'
                    }
                }
            }
        }
    }
});

And my result, according to the screenshot:

Dump.jpg

How do I to print the so-called "Course" (objects)?

Please, help me! I am a newbie, but I like Sencha Touch 2.

/Patrik

[szimek]

Check out documentation for XTemplate . Instead of

<p class="Lunches">{Lunches}</p>

you can try

<p class="Lunches">
<tpl for="Lunches">{Course}</tpl>
</p>

to iterate over Lunches array.

[puttan]

Thank you very much for your helping hand.