Simple List

[Beginner999]

Hello,

i want to starting with Sencha and copied a sample from a webdesign magazine which should display a simple list, but the page is empty (titlebar shows but no list).

the code of my main.js in my view folder

Ext.define('Test_Mobile_News.view.Main', {    extend: 'Ext.tab.Panel',
    xtype: 'main', 
    requires: [
        'Ext.TitleBar',
        'Ext.Msg',
        'Ext.List'        
    ],
    config: {
        tabBarPosition: 'bottom',


        items: [
            {
                title: 'Home',
                iconCls: 'home',


                styleHtmlContent: true,
                scrollable: false,


                items: {
                    docked: 'top',
                    xtype: 'titlebar',
                    title: 'Willkommen zur Test App'
                },


                html: [
                    "test"
                ].join("")
            },
            {
                title: 'Produkte',
                iconCls: 'add',


                items: [
                    {
                        docked: 'top',
                        xtype: 'titlebar',
                        title: 'Produkte'
                    },
                    {
                        xtype: 'list',
                        itemTpl:'{title}', 
                        data: [
                          { title: 'Produkt 1' },
                          { title: 'Produkt 2' },
                          { title: 'Produkt 3' },
                          { title: 'Produkt 4' },
                          ]
                    }                    
                  ]
            }
        ]
    }
});

[tomoyuki kashiro]

Hi, I'm tomoyuki.

You should fix two things.

• You should remove comma in following line.

{ title: 'Produkt 4' }, // remove this comma

• You should add layout property in 2nd tab panel.

            {
                title: 'Produkte',
                iconCls: 'add',
                layout: 'fit',  // add layout property.




                items: [
                    {

I made sample code, plz check it.

http://www.senchafiddle.com/#PJCX1

[Beginner999]

Thx!