Simple List Error

[shivamt]

So, basically, I have a listPanel as the only thing in the viewport... For some reason, the list isn't showing up. I know this should be a simple error, but please help me find it cause I need it fixed ASAP. Thanks! BTW: The main viewport shows up and all (I know cause I have a background color on it), so I don't see the point of putting the HTML file up.

MyApp=new Ext.Application({    name: 'MyApp',
    launch: function() {
        MyApp.sportsList = new Ext.Panel({
            id: 'sportsListPanel',
            cls: 'card',
            width: 400,
            height: 500,
            itemTpl: '<div class= "sportName">{sportName}</div>',
            grouped: true,
            store: MyApp.sportsStore,
            
            
        });
        
            Ext.regModel('sportModel', {
                    fields: [{name: "sportName", type: "string"}]
                });


            MyApp.sportsStore = new Ext.data.Store({
                model: 'sportModel',
                data: [
                    { sportName: "Basketball (Boys)"},
                    { sportName: "Golf (Boys)"},
                    { sportName: "Soccer (Boys)"},
                    { sportName: "Tennis (Boys)"},
                    { sportName: "Cheer"},
                    { sportName: "Cross Country"},
                    { sportName: "Football)"},
                    { sportName: "Basketball (Girls)"},
                    { sportName: "Golf (Girls)"},
                    { sportName: "Soccer (Girls)"},
                    { sportName: "Tennis (Girls)"},
                    { sportName: "Softball"},
                    { sportName: "Volleyball"},
                    { sportName: "Wrestling"},
                    { sportName: "Track"},


                ]
            });
        


        
        
        MyApp.Viewport= new Ext.Panel({
            fullscreen: true,
            layout: 'fit',
            style: "background-color: #fee",
            
            items: [MyApp.sportsList]
                
        });
    }
});

[twaindev]

You probably need a View instead of a Panel to show the data.

[shivamt]

Does Ext.View work the same in Sencha Touch as in Ext JS? I'm a noob so if you can show a little example of a view in Sencha Touch, I would really appreciate it! Thanks (:

[twaindev]

Since this is an Ext JS 4 forum I assumed you question was about Ext JS. I don't have much experience with ST yet so I suggest that you repost the question in an ST forum.

[shivamt]

Yeah... sorry I realized that and reposted it in the right forum. Got an answer. Thanks anyway