当tabBarPosition为'top'时，在tabbar上显示图标，

Question

以下代码为每个标题标题显示图标。

Ext.define("MyAPP.view.Main", {
    extend : 'Ext.tab.Panel',
    config : {
        tabBarPosition : 'bottom', // <--- Line of interest
        items : [{
            title: "Contacts",
            iconCls: "team",
        }]
    }
});

见下面的样本。

但如果我将其更改为tabBarPosition: 'top'，则不会看到图标。整体风格改变了。

当标签栏位置最高时，如何显示图标？

Answer 1

您使用的是哪个版本的ST？  它完美适用于2.1.0。

编辑：确保您至少使用Sencha Touch 2.1.0-b1，因为从该版本引入了顶部停靠的工具栏图标，您可以在发行说明中阅读：

  

[TOUCH-2]顶部停靠的标签栏现在可以有图标

Answer 2

以防这对任何人都有帮助...... 我不知道为什么，但有时，当升级到2.1或更早版本时，图标不会自动显示在tabbar停靠顶部（这可能是因为我正在使用linux）。在这种情况下，您必须执行以下操作：

• 选择要添加图标的标签栏的元素（当我说标签栏中的元素时，我当然是指tabpanel中的元素，我知道tabbar是tabpanel中的另一个元素，不同于其他人。）。
• 转到配置面板。
• 手动添加属性“iconCls”，因为你不会找到它。
• 然后将该属性设置为字符串，最后将其值设置为“home”，“info”或任何您想要的图标。

当然，所有这些都是使用建筑师。 从技术上讲，我不是程序员，所以如果我的写作在任何意义上都不好，你就不得不原谅我。