自定义导航栏中的后退按钮

时间:2012-07-30 09:52:01

标签: configuration navigation sencha-touch-2 back navigationbar

关于Sencha Touch 2的Navigationbar元素中的后退按钮,我有两个问题。

我的代码

var oNavigationbar = {
        docked: 'top',

        backButton : {
            margin: 7,
            docked: "left",
            ui : 'back'
        },
        items: [
            Ext.create("Ext.Button", {
                text: "Button1"                
            },
            Ext.create("Ext.Button", {
                text: "Button2",
                align: "right",
            }

        ],
    };

问题1
如何将后退按钮固定在导航栏的左侧? 如果我设置align:"left" Button1仍位于其左侧 但如果我将它停靠在左侧,我必须设置一个余量,我宁愿避免。

问题2
如何将后退按钮的默认文本设置为“返回” 我必须设置哪些配置属性?

1 个答案:

答案 0 :(得分:3)

不确定你在q1中的意思... AFAIK导航栏(作为Ext.navigation.View的子组件)后退按钮已经左对齐。

Q2:

Ext.define('MyNavigator', {
extends: 'Ext.navigation.View',
    xtype: 'mynavigator',
    config: {
        defaultBackButtonText: 'Go Back',
        // back button a-la iPhone 
        // useTitleForBackButtonText: true
....
})

请参阅http://docs-devel.sencha.com/touch/2-0/#!/api/Ext.navigation.View-cfg-defaultBackButtonText了解更多信息......

干杯,奥列格