更改导航视图上的默认后退按钮

Posted 2023-02-26

【中文标题】更改导航视图上的默认后退按钮

【英文标题】：Change default back button on navigation view

【发布时间】：2013-05-19 14:00:42

【问题描述】：

您好，我正在尝试在推入面板后更改默认后退按钮的标题和图标。我在控制器中尝试了以下代码，并且在视图的配置中尝试了类似的代码，但没有成功。任何实现这一点的方向都会有所帮助

       this.getPlacesNavView().push( xtype: 'details',title: name,
        backButton: iconCls:'reply', iconMask: true,  useTitleForBackButtonText: false,
        defaultBackButtonText: 'Back To Places');

【参考方案1】：

好问题。

backButton 是navigationBar 配置的组成部分。所以你可以像这样在 navigation view 的 navigationBar config 中定义它 --

navigationBar : 
    backButton : 
        align : 'left',
        hidden : true,
        ui : 'back',
        iconMask: true,
        iconCls:'reply'

    

您需要从控制器获取navigationBar 的实例，然后是backButton。然后设置所需的属性。首先按下想要的视图然后改变返回按钮-

this.getPlacesNavView().push(
        xtype: 'details',
        title: name
    );
var backButton = this.getPlacesNavView().getNavigationBar().getBackButton();
        backButton.setText("Back To Places");
        backButton.setIconMask(true);
        backButton.setIconCls("reply");

Here is demonstration

【参考方案2】：

var objView=
            xtype: 'navigationview',
            id: 'idContenido',
            **useTitleForBackButtonText: false,
            defaultBackButtonText: 'SIGUIENTE',**     
            navigationBar: 
                ui: 'sencha',
                *backButton: 
                            iconCls: 'compose',
                            iconMask: true,
                            ui: 'decline'
                             *