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

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

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

好问题

backButton

是

navigationBar

config的组件。因此，您可以在导航视图的

navigationBar

config中定义它，如下所示--

您需要从控制器中获取

导航栏的实例，然后再获取
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");

好问题

backButton
是
navigationBar
config的组件。因此，您可以在导航视图的
navigationBar
config中定义它，如下所示--

您需要从控制器中获取
导航栏的实例，然后再获取
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");


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