Sencha Touch中的轮播问题

Question

我已将此代码放入app / view / ViewCarousel.js

代码是从这里复制粘贴： http://docs.sencha.com/touch/2-0/#!/guide/carousel

但没有任何反应。浏览器中没有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: []
    }
});