降低标题栏的高度 - Sencha

时间:2013-05-16 10:34:13

标签: extjs sencha-touch toolbar sencha-architect

我有一个容器,里面堆放了几个不同的物品。我也希望在容器内有两个标题栏,但高度降低到10分。我试图用较小的数字减少setHeight()的大小,但我似乎无法实现这一点。我错过了一些明显的东西吗

有没有办法可以减少Sencha Touch中工具栏/标题栏的高度?救命啊!

更新:这是我用于工具栏的代码......

Ext.define('MyApp.view.CookingSteps', {
    extend: 'Ext.Container',
    alias: 'widget.CookingSteps',

    config: {
        height: '',
        html: '',
        id: 'CookingSteps',
        itemId: 'CookingSteps',
        style: '',
        layout: {
            type: 'vbox'
        },
        items: [
            {
                xtype: 'toolbar',
                docked: 'top',
                height: 50,
                html: '<b><center>AdBanner Goes Here',
                style: 'background: gray;',
                styleHtmlContent: true
            },
            {
                xtype: 'container'
            },
            {
                xtype: 'fieldset',
                title: '',
                items: [
                    {
                        xtype: 'textfield',
                        label: '',
                        placeHolder: 'Username'
                    },
                    {
                        xtype: 'textfield',
                        label: '',
                        placeHolder: 'Passphrase'
                    }
                ]
            },
            {
                xtype: 'toolbar',
                docked: 'top',
                height: 20,
                minHeight: '20',
                title: 'Login'
            },
            {
                xtype: 'container',
                items: [
                    {
                        xtype: 'button',
                        centered: true,
                        ui: 'confirm',
                        width: 283,
                        text: 'Go Ahead :)'
                    }
                ]
            }
        ]
    }

});

我希望标题为“登录”的工具栏具有降低高度..任何帮助将不胜感激。先感谢您。 :)

1 个答案:

答案 0 :(得分:2)

如果需要调整工具栏大小,请使用minHeight选项和工具栏配置中的单位。这是一个工具栏示例,其当前字体大小为2x。

    {
        xtype: 'toolbar',
        docked: 'top',
        minHeight: '2em',
    }