extjs - 应用程序无法将 sencha touch 从 2.0 升级到 2.1.1

Question

Ext.define('Test.view.Main', {
    extend: 'Ext.Container',
    xtype: 'mainview',      
    config: {
    scrollable:'vertical',
        fullscreen: true,
        items: [{
            xtype:'toolbar',
            title:'Timesheets',
            docked:'top',
            cls:'toolbarcls',
            items:[{
                xtype:'button',
                cls:'toolbarcls buttoncls',
                iconCls:'more',
                iconMask:true,
                handler:function(){
                    Ext.Msg.alert("Left Button Pressed");
                }
                //text:'tet'
            },
            {xtype: 'spacer'},
            {
                xtype:'button',
                cls:'toolbarcls buttoncls addbutton',
                text:'ADD',
                handler:function(){
                    Ext.Msg.alert("Right Button Pressed");
                }

            }]

        },{
            xtype:'calendar'

        },{
            xtype:'panel',
            width:'100%',
            id:'datepanel',
            cls:'bgcolor',


        },{
            xtype:'list',
                id:'thelist',
                height:'50px', width:'100%',left:0,

            data: [
                {name: 'Shawshank Redemption', number: 5},
                {name: 'SuperBad', number: 3},
                {name: 'God Father', number: 5},
                {name: 'Forest Gump', number: 4.5},
                {name: 'A Beautiful Mind', number: 5}
            ],itemTpl: '{name}'
            }]

    }, 
    initialize: function() {
        this.callParent(arguments);
    },

    });

这段代码适用于 sencha touch 2.0 但我升级到 sencha touch 2.1.1 。现在列出压延机上的重叠。可能是什么问题呢。

提前致谢

Answer 1

尝试将布局添加到您的配置中（例如，在“全屏：真”之后）：

layout: 'vbox',

如果这不起作用，则问题可能出在“日历”对象上。我尝试将其更改为“textareafield”并正确显示。