Sencha Architect 无法从 DataView OnItemTap 导航到列表视图答案

【问题标题】：Sencha Architect Unable to Navigate to List View from DataView OnItemTapSencha Architect 无法从 DataView OnItemTap 导航到列表视图
【发布时间】：2014-02-27 01:17:45
【问题描述】：

谁能告诉我我在下面的代码中做错了什么？每当我单击数据视图项时，都会出现错误：

 Uncaught TypeError: Object [object Object] has no method 'getMainView' app.js:69888

我的代码如下：

Ext.define('DTZMobility.view.DashboardView', {
extend: 'Ext.dataview.DataView',
alias: 'widget.dashboardView',

requires: [
    'Ext.XTemplate'
],

config: {
    baseCls: 'rd-tiled-view',
    fullscreen: true,
    scrollable: 'vertical',
    itemCls: 'rd-tiled-view-item',
    store: 'moduleStore',
    itemTpl: [
        '<div>{name}</div>'
    ],
    listeners: [
        {
            fn: 'onDataviewItemTap',
            event: 'itemtap'
        }
    ]
},

onDataviewItemTap: function(dataview, index, target, record, e, eOpts) {
    var workorderlist = Ext.create('widget.workorderlist'), // Create work order list View
        mainView = this.getMainView();              // Main view

    console.log("Created mainview");

    // Navigate to Sign In Panel
    mainView.push({
        xtype: "workorderlist",
        title: "Work Orders"
    });
}

 });

【问题讨论】：

有人可以帮我吗？我有点卡在这里:(。

标签： extjs sencha-touch sencha-touch-2 sencha-architect

【解决方案1】：

我终于明白了。 itemtap 事件的事件处理应该如下：

 onDataviewItemTap: function(dataview, index, target, record, e, eOpts) {

    var workorderlist = Ext.create('widget.workorderlist');

    var c = Ext.getCmp('mainView');
    if(c === undefined) {
    c = Ext.create('DTZMobility.view.MainView');
    }

    Ext.Viewport.animateActiveItem(c, {type:'slide'});

    // Push the workorder list to the mainview
    c.push({
        xtype: "workorderlist",
        title: "Work Orders"
    });
}

【讨论】：