extjs - Sencha Touch でのカルーセルの問題

Question

このコードを app/view/ViewCarousel.js に入れました

コードはここからコピーして貼り付けます: http://docs.sencha.com/touch/2-0/#!/guide/carousel

しかし、何も起こりません。ブラウザにカルーセルがありません。

何が起こっている可能性がありますか？

どうもありがとうございました。

var carousel = Ext.define('abril16.view.ViewCarousel', {
    extend: 'Ext.Carousel',
    fullscreen: true,


    items: [
        {
            xtype: 'list',


            items: {
                xtype: 'toolbar',
                dock: 'top',
                title: 'Sencha Touch Team'
            },


            store: {
                fields: ['name'],
                data: [
                    {name: 'Rob'},
                    {name: 'Ed'},
                    {name: 'Jacky'},
                    {name: 'Jamie'},
                    {name: 'Tommy'},
                    {name: 'Abe'}
                ]
            },


            itemTpl: '{name}'
        },
        {
            xtype: 'fieldset',
            items: [
                {
                    xtype: 'toolbar',
                    dock: 'top',
                    title: 'Login'
                },
                {
                    xtype: 'textfield',
                    label: 'Name'
                },
                {
                    xtype: 'passwordfield',
                    label: 'Password'
                }
            ]
        }
    ]
});

Answer 1

カルーセル項目を構成オブジェクト内に配置する必要があります

var carousel = Ext.define('abril16.view.ViewCarousel', {
    extend: 'Ext.Carousel',
    fullscreen: true,
    config:{
    items: []
    }
});