1. #1
    Sencha User
    Join Date
    Feb 2013
    Posts
    6
    Vote Rating
    0
    Beginner999 is on a distinguished road

      0  

    Default Simple List

    Simple List


    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

    Code:
    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' },
                              ]
                        }                    
                      ]
                }
            ]
        }
    });

  2. #2
    Sencha User tomoyuki kashiro's Avatar
    Join Date
    Apr 2012
    Location
    Japan
    Posts
    2
    Vote Rating
    0
    tomoyuki kashiro is on a distinguished road

      0  

    Default


    Hi, I'm tomoyuki.

    You should fix two things.
    • You should remove comma in following line.
    Code:
    { title: 'Produkt 4' }, // remove this comma
    • You should add layout property in 2nd tab panel.
    Code:
                {
                    title: 'Produkte',
                    iconCls: 'add',
                    layout: 'fit',  // add layout property.
    
    
    
    
                    items: [
                        {

    I made sample code, plz check it.

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

  3. #3
    Sencha User
    Join Date
    Feb 2013
    Posts
    6
    Vote Rating
    0
    Beginner999 is on a distinguished road

      0  

    Default


    Thx!

Thread Participants: 1