javascript - 当 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 或更早版本时，图标不会自动显示在停靠在顶部的选项卡栏上（这可能是因为我正在使用 linux ）。在这种情况下，您必须执行以下操作：

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

当然，这一切都在使用 Architect。从技术上讲，我不是程序员，所以如果我的写作在任何意义上都不好，请原谅我。