Javascript 当tabBarPosition为“top”时，在tabbar上显示图标，

以下代码显示每个选项卡标题的图标

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

见下面的示例

但如果我将其更改为tabBarPosition:“top”则不会看到任何图标。整个风格改变了

---

当选项卡栏位置位于顶部时，如何显示图标？

您使用的是哪个版本的ST？ 它在2.1.0上完美地工作

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

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

---

您使用的是哪个版本的ST？ 它在2.1.0上完美地工作

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

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

---

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

当我说tabbar中的元素时，选择要添加图标的tabbar元素，当然我指的是tabpanel中的元素，我知道tabbar是tabpanel中的另一个元素，与其他元素不同。 转到配置面板。 手动添加属性iconCls，因为您找不到它。 然后将该属性设置为字符串，最后将其值设置为home、info或任何您想要的图标。 当然，所有这些都是在使用架构师。

---

从技术上讲，我不是程序员，所以如果我的书写有任何问题，请原谅。

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

当我说tabbar中的元素时，选择要添加图标的tabbar元素，当然我指的是tabpanel中的元素，我知道tabbar是tabpanel中的另一个元素，与其他元素不同。 转到配置面板。 手动添加属性iconCls，因为您找不到它。 然后将该属性设置为字符串，最后将其值设置为home、info或任何您想要的图标。 当然，所有这些都是在使用架构师。

---

从技术上讲，我不是程序员，所以如果我的书写有任何问题，请原谅。

这是因为从2.1.0-b1版开始，顶部固定的选项卡栏图标就已经出现了，正如您在发行说明中所看到的：[TOUCH-2]顶部固定的选项卡栏现在可以有图标了。另外，我没有看到显示任何工具栏图标。甚至它展示了厨房水槽的例子。仍然在谈论2.0.1，对吗？打开工具栏示例。显示工具栏图标时不会出现问题。某些工具栏图标会显示，而另一些则不会显示。只有“行动”才是表演。我使用了iconCls:“user_send”它没有显示。非常感谢您的帮助以及有关ST2.1的新信息。我会调查的。这也起到了很大的作用。这是因为从版本2.1.0-b1开始引入了顶部固定的选项卡栏图标，您可以从发行说明中看到：[TOUCH-2]顶部固定的选项卡栏现在可以有图标。此外，我还看到没有显示工具栏图标。甚至它展示了厨房水槽的例子。仍然在谈论2.0.1，对吗？打开工具栏示例。显示工具栏图标时不会出现问题。某些工具栏图标会显示，而另一些则不会显示。只有“行动”才是表演。我使用了iconCls:“user_send”它没有显示。非常感谢您的帮助以及有关ST2.1的新信息。我会调查的。这也帮了大忙，说得好。虽然这实际上是我这边的版本问题。很好的观点。虽然这实际上是我这边的版本问题。