Sencha touch 如何在后退按钮中更改文本的详细视图?

Sencha touch 如何在后退按钮中更改文本的详细视图?,sencha-touch,Sencha Touch,更改“后退”按钮文本的正确方法是什么? Ext.define('myapp.view.post.PostDetail', { extend: 'Ext.Panel', alias: 'widget.postdetailpage', xtype: 'postdetailpage', config: { navigationBar: { config: { //change the back button text?

更改“后退”按钮文本的正确方法是什么? Ext.define('myapp.view.post.PostDetail', { extend: 'Ext.Panel', alias: 'widget.postdetailpage', xtype: 'postdetailpage', config: { navigationBar: { config: { //change the back button text? defaultBackButtonText: 'Go Back', useTitleForBackButtonText: false } }, scrollable: 'vertical', styleHtmlContent: true, tpl: ['{content}'], } }); Ext.define('myapp.view.post.PostDetail'{ 扩展:“Ext.Panel”, 别名:“widget.postdetailpage”, xtype:“postdetailpage”, 配置:{ 导航栏:{ 配置:{ //更改后退按钮文本? Ext.define('myapp.view.post.PostDetail', { extend: 'Ext.Panel', alias: 'widget.postdetailpage', xtype: 'postdetailpage', config: { navigationBar: { config: { //change the back button text? defaultBackButtonText: 'Go Back', useTitleForBackButtonText: false } }, scrollable: 'vertical', styleHtmlContent: true, tpl: ['{content}'], } }); defaultBackButtonText:“返回”, UseTTitleForBackButtonText:false } }, 可滚动:“垂直”, styleHtmlContent:对, 第三方物流:['{content}'], } });
您正在扩展Ext.Panel。Ext.Panel不接受navigationBar配置,您可能希望使用Ext.navigation.View。然后在该视图上,可以传递defaultBackButtonText属性。否则,如果要进一步自定义按钮,请在navigationBar对象内部指定具有按钮属性的按钮对象。

在显示详细视图之前,在导航视图中设置backbutton文本。 Ext.define('mimo.view.PostPanel', { extend: 'Ext.NavigationView',

    xtype: 'postPanel',

    requires: [
       'mimo.view.post.PostList'
    ],


    config: {
       title: 'Blog',
       iconCls: 'home',
    // set the back button text here
    defaultBackButtonText: 'Volver',


    items:[{
        title: 'Las entradas de blog',
        xtype: 'postlist'
    }]

   }
});

</pre>
Ext.define('mimo.view.PostPanel'{ 扩展:“Ext.NavigationView”

xtype:'postPanel',
要求:[
'mimo.view.post.PostList'
],
配置:{
标题:"博客",,
iconCls:“家”,
//在此处设置后退按钮文本
defaultBackButtonText:'Volver',
项目:[{
标题:“Las entradas de blog”,
xtype:“postlist”
}]
}
});

如果使用Ext.navigation.View,则会出现第二个空白标题栏。使用Ext.Panel时,是否有办法从initialize事件的视图中获取导航/标题栏的实例,然后更改按钮文本?是的,我发现我可以在使用Ext.navigation的上一个视图中看到back按钮 Ext.define('myapp.view.post.PostDetail', { extend: 'Ext.Panel', alias: 'widget.postdetailpage', xtype: 'postdetailpage', config: { navigationBar: { config: { //change the back button text? defaultBackButtonText: 'Go Back', useTitleForBackButtonText: false } }, scrollable: 'vertical', styleHtmlContent: true, tpl: ['{content}'], } });