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

Question

嗨，我想在推入面板后更改默认后退按钮的标题和图标。我已经在控制器中尝试了下面的代码，并且我在视图的配置中尝试了类似的代码，但没有成功。执行此任何方向将有所帮助

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

Answer 1

好问题。

backButton是navigationBar config的组件。所以，你可以把它定义里面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"); 

Here is demonstration

Answer 2

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