【问题标题】:Customizing back button in navigationbar自定义导航栏中的后退按钮
【发布时间】:2012-07-30 09:52:01
【问题描述】:

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

我的代码

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
如何将后退按钮的默认文本设置为“后退”。
我必须设置哪些配置属性?

【问题讨论】:

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


    【解决方案1】:

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

    第二季度:

    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...

    干杯,奥列格

    【讨论】:

    • 谢谢!我在后退按钮而不是导航视图上设置了 defaultBackButtonText。在第一季度,我遇到的问题是后退按钮并不总是完全在左侧。就我而言,Button1 挡住了路,所以我设置了这个: Button1|BackButton|Button2
    猜你喜欢
    • 2016-04-01
    • 2012-01-03
    • 1970-01-01
    • 1970-01-01
    • 2020-01-07
    • 1970-01-01
    • 1970-01-01
    • 2019-10-27
    • 1970-01-01
    相关资源
    最近更新 更多