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

Question

嗨我想在推入面板后更改默认后退按钮的标题和图标.我在控制器中尝试了下面的代码,我在视图的配置中尝试了类似的代码,但没有成功.实施这一目标的任何方向都会有所帮助

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

Answer 1

好问题.

backButton是navigationBar配置的组成部分.所以你可以在导航视图的navigationBar配置中定义它, 如下所示 -

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");

这是演示