javascript - 卡片布局面板在 Sencha Touch 2.2 中不呈现

Question

我已经使用 sencha touch 2.0 开发了一个应用程序，现在我将应用程序升级到了 sencha touch 2.2。它不工作。我有一个容器（布局=卡片），如下所示：

Ext.define("InfoImage.view.viewWorkitem.ViewWorkitemView", {
extend:'Ext.Container',
requires:[
    'Ext.TitleBar',
    'Ext.List'
],
xtype:'workitems',
layout:'card',
cardSwitchAnimation:'slide',
config:{
    fullscreen:true,
    cls:'hboxpanel',
    items:[

       {
            xtype:'workItemPanel',
            flex:3
       } 
    ]
} });

workItemPanel 如下：

Ext.define("InfoImage.view.viewWorkitem.WorkitemPanel", {
extend:'Ext.navigation.View',
requires:[
    'Ext.TitleBar',
    'Ext.List'
],
xtype:'workItemPanel',
id:'workItemId',
config:{


    layout : 'card',
    style:'border-radius: 10px;',
    navigationBar:{
        hidden:'true'
    },

    items:[ ]
}  });

这在 sencha tocuh 2.0 中运行良好，它不在 2.2 中引发错误Uncaught TypeError: Object card has no method 'onItemAdd'

使用 sencha touch 2.2 需要进行哪些更改才能使其正常工作？

Answer 1

您需要将您的配置，例如layout:'card'，cardSwitchAnimation:'slide'放在config块内：

config:{
    layout:'card',
    cardSwitchAnimation:'slide',
    fullscreen:true,
    cls:'hboxpanel',
    items:[

       {
            xtype:'workItemPanel',
            flex:3
       } 
    ]
}

id:'workItemId'在第二个视图中您的方式相同：

config:{
    id:'workItemId',
    layout : 'card',
    style:'border-radius: 10px;',
    navigationBar:{
         hidden:'true'
    },

    items:[ ]
}