ExtJS：有没有办法将tabpanel 的Tab 图标从Tab 标题的左移到右？

Question

ExtJS 是否提供了一种在标题前显示选项卡标题图标的方法，而不是默认行为？

默认行为：

---------------
| +  Tab 1    |
---------------

要求的行为：

---------------
|  Tab 1  +   |
---------------

代码示例：

Ext.create('Ext.tab.Panel', {
  plain: true,
  items: [{
    title: "Tab 1",
    iconCls: "icon-class-plus",
  }, {
    title: "Tab 2",
  }],
  renderTo: Ext.getBody()
});

icon-class-plus 是一个包含 &:after 伪元素的 CSS 类，用于设置加号的字形图标。

Answer 1

使用iconAlign 配置：

Ext.application({
    name: 'Fiddle',

    launch: function () {
        Ext.create('Ext.tab.Panel', {
            items: [{
                title: "Tab 1",
                iconCls: "x-fa fa-car",
                iconAlign: 'right'
            }],
            renderTo: Ext.getBody()
        });
    }
});

Fiddle