javascript - 在sencha touch中删除 "button styling"？

Question

我在工具栏中使用它:

items: [
                    { text: 'Hem',  },
                    { text: 'Sport' },
                    { text: 'Nöje'  },
                ]

我得到的结果如下图所示:

我得到了这个看起来像按钮的样式，我不想要那个。我只希望这些按钮显示为图片编号 2:

如何？在图 2 中，我有一个来自“选项卡”示例的屏幕截图。我无法创建一个选项卡，因为那样我就无法在按钮之间滚动...... 我真的很陌生，需要很大的帮助。我的英语不太好，请使用简单的语言。干杯!

Answer 1

在 Sencha touch 1 和 Sencha touch 2 中，以下代码将生成圆形按钮:

xtype: 'toolbar',
items : [
            { text: 'Hem', ui :'round' },
            { text: 'Sport', ui :'round' },
            { text: 'Nöje', ui :'round'  },
        ]

即:只需为 items 数组中的每个元素对象添加 ui : 'round' 键和值。