0

我正在使用 Sencha Touch 2.x 构建一个应用程序。它由几个可能相互重叠的屏幕组成。

在应用程序启动时，我通过将它们添加为我的主视图（视口的一部分）中的项目来加载所有屏幕。除了开始屏幕之外，所有这些都是隐藏的：true，它工作得很好。我创建了一个新视图并尝试以与其他视图相同的方式添加它（它实际上是另一个视图的副本，只是更改了名称），但在应用程序启动时我得到：

TypeError：“未定义”不是对象（评估“firingFn.apply”）

当我删除 hidden: true 属性时，会显示视图并加载应用程序。当我使用 Ext.create(namespace.view.name) 创建视图时，它工作正常。

其他观点（或多或少完全相同）正在发挥作用！

我给出了一个独特的 xtype，在 Ext.define 上指定了路径，将视图添加到了 app.js。因为我能够在没有“隐藏：真实”的情况下展示它，所以问题不应该在那里的某个地方。

有人知道这种行为吗？

（我知道建议在需要时创建和销毁视图，但目前我们正在采用不同的方法。所以我很感兴趣是什么导致了这种行为。）

这是我的主要观点：

Ext.define('namespace.view.Main', {
extend: 'Ext.Container',
xtype: 'Main',

config: {

    layout: 'hbox',     
    items: [
        //actual necessary screens
        {
            xtype: 'Start',
            showAnimation: {type:'fade', duration: 200, easing: 'easeInOut'}
        },

        //Preloading all Screens on startup 
        {
            xtype: 'SearchOertlichkeit',
            hidden: true
                             //this is the one causing trouble !
        },
        {
            xtype: 'MeldungNeu',
            hidden: true,
            showAnimation: {type:'fade', duration: 200, easing: 'easeInOut'}                
        },
        {
            xtype: 'MeldungenBearbeiten',
            hidden: true,
            showAnimation: {type:'fade', duration: 200, easing: 'easeInOut'}
        },
        {
            xtype: 'SearchLocation',
            hidden: true
        },
        {
            xtype: 'SearchMieteinheit',
            hidden: true
        },              
        {
            xtype: 'Menu',
            hidden: true    
        }        
    ]

} //endconfig

});

这是我尝试展示的部分视图：

Ext.define('namespace.view.SearchOertlichkeit', {
extend: 'Ext.Container',    
xtype: 'SearchOertlichkeit',

config: { 

    height: '100%',
    width: window.innerWidth-300,
    padding: 10,

    modal: true,
    hideOnMaskTap: true,

    top: 0,
    right: 0,
    bottom: 0,
    left: 'auto',

    enter:'right',
    exit: 'right',

    showAnimation: {
        type: 'slideIn',
        direction: 'left',
        easing: 'easeInOut'
    },

    hideAnimation: {
        type: 'slideOut',
        direction: 'right',
        easing: 'easeInOut'
    },

    items: [
        {               
            //here are some items           

        },          
    ],   

    listeners: {
        initialize: function(comp , eOpts){
            this.element.on('swipe', 
                function(event, node, options, eOpts) {
                    namespace.app.getController('Main').onSwipe(event.direction, 'searchOertlichkeit');
                }, comp
            ); //endonswipe
        } //endinitialize
    } //endlisteners
},   });

我找不到任何语法错误（使用 Aptana，也没有向我显示任何错误），但是当我为生产构建时（sencha cmd 运行成功），一旦我尝试运行 prod-app，就会出现错误：

Error evaluating http://127.0.0.1:8020/path/production/app.js with message: SyntaxError:     Expected token '}'
4

1 回答 1

0

检查主视图中的最后一行，括号已注释：

} //endconfig });

应该是这样的：

    } //endconfig 
});
于 2013-06-07T15:18:04.757 回答