navigation - 后退按钮在 Sencha 触摸上不起作用

Question

我正在从我的导航 View (xtype:'mainPanel')中推送一个 View ，就像这样。它是标签栏的一个元素。在第二个 View 中 back按钮显示在导航栏中，但它不起作用。任何的想法？

itemtap: function(list, index, target, record) {


                                list.up('mainPanel').push({
                                    xtype: 'newview',
                                    title: 'New',
                                    data: record.data
                                });


}

主程序

Ext.define('Proj.view.Main', {
extend: 'Ext.tab.Panel',
xtype: 'main',
requires: [
    'Ext.TitleBar','Proj.view.phone.Mainpanel','Proj.view.phone.Home',''
],
config: {
    tabBar: {
        docked: 'bottom',
        layout: {
            pack: 'center'
        }

    },

    items: [

        {
            xtype: 'homePanel'
        },
        {
            xtype: 'mainpanel'
        },

    ]
}

});

主面板.js

Ext.define('Proj.view.phone.MainPanel', {
    extend: 'Ext.navigation.View',
    xtype: 'mainpanel',
    requires : [
        '],
    initialize:function(){

        this.getNavigationBar().add(stuff);


Ext.getCmp('categoryList').setData(jsonObject.info);



    },
    config: {
        title : 'Shop',
        iconCls: 'favorites',
        styleHtmlContent: true,
        scrollable: true,

            items: [

                        {
                            xtype: 'list',
                            fullscreen: true,
                            itemTpl: '{name}',
                            autoLoad: true,
                            id:'categoryList',
                            store: {
                                fields :['active', 'created','description']

                            },
                            listeners: {
                                itemtap: function(list, index, target, record) {

                                    list.up('mainpanel').push({
                                        xtype: 'newview',
                                        title: 'newview',
                                        data: record.data
                                    });

                                }
                            }
                        }
            ]
    },

Answer 1

尝试使用以下代码覆盖后退按钮事件:

extend:'Ext.navigation.View',
xtype:'myNavigation',
config:{
    ……
},
onBackButtonTap:function(){
    this.callParent(arguments); 
    alert('back button pressed');
}

看看这是否有效。如果是这样，那么您就会知道您错误地处理了 back 事件，并且推送不起作用。如果它没有抛出警报，那么监听器就没有工作。尝试使用 Controller 方法以编程方式调用 back 事件，然后查看是否可行