Sencha Touch-使用setActiveItem()切换项目时，如何访问Back按钮？

问题描述

问题：

我根据this link上的问题-答案使用setActiveItem()切换面板

App.views.viewport.getActiveItem().setActiveItem(App.views.Panel, { type: 'slide', direction: 'left' });

一切正常，但如何访问后退按钮？

我怀疑只有一个后退按钮，我必须更改他的属性(文本、处理程序)。我如何才能做到这一点？

谢谢你，史洛米。

附注-在考虑它时，我必须修改所有的栏属性-它的标题也是如此。

推荐答案

我将尝试参考previous question about panels.

回答此问题

首先将后退按钮添加到面板的顶部栏。

initComponent: function () {
      Ext.apply(this, {
       dockedItems: [{
            xtype: "toolbar",
            title: "Ingressos",
            items:[{
                 xtype: 'button',
                 text: 'Back',
                 handler: function () {

                 }
            }]
       }],
       items: [Mobz.views.IngressosList]
    });
   Mobz.views.Ingressos.superclass.initComponent.apply(this, arguments);
}

之后，当用户转到下一页时，访问Back按钮并更改它的处理程序(我不喜欢更改处理程序，我更喜欢构建一个堆栈机制来前进，但这是您的选择：)。

Mobz.views.viewport.getActiveItem() //panel

Mobz.views.viewport.getActiveItem().dockedItems.items[0] // toolbar

您正在寻找后退按钮；

Mobz.views.viewport.getActiveItem().dockedItems.items[0].items.items[0] // back button

Mobz.views.viewport.getActiveItem().dockedItems.items[0].title // toolbars title

这篇关于Sencha Touch-使用setActiveItem()切换项目时，如何访问Back按钮？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！