javascript - 如何更改 Sencha Touch 中按钮的尺寸

标签 javascript extjs sencha-touch sencha-touch-2 sencha-touch-theming

我在 Sencha Touch 2 中有这个按钮,我需要将大小调整为“小”,我需要更改其高度。您能给我提供一个代码示例吗?谢谢

  navigationBar: {

        items:[{
            xtype: 'button',              
            text: 'Settings',
            itemId: 'settingsButton',
            align: 'right',
            iconMask: true,
            iconCls: 'settings9'
        }],
        ui: 'custom-toolbar-top-1L'
    },

最佳答案

使用 css 执行此操作的好习惯,或更精确地使用 Sencha Theming .

您问题的起点是 Sencha Kitchen sink samples

简而言之,您必须将 ui: 'small' 添加到按钮的配置

干杯,奥列格

关于javascript - 如何更改 Sencha Touch 中按钮的尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12191867/

相关文章:

javascript - 隐藏 jQuery DataTables 中的列时出现性能问题

javascript - Ext Js 4 "white-space"仅适用于元素中的一个网格

sencha-touch - 在 Sencha Touch 中单击按钮更改 View

javascript - 将不可选择的文本选项卡添加到 Ext.TabPanel?

css - 删除 ExtJS 4 Accordion 面板中的空格,使内容适合宽度/高度

sencha-touch - Sencha Touch 中 doLayout() 和 doComponentLayout() 之间的区别?

PHP 相当于 javascript 中的 Date.UTC 函数?

javascript - 检索数据表中的指定行

javascript - 在 Heroic 上找不到模块“script!foundation-sites/dist/foundation.min.js

javascript - 为什么监听器不工作?