EXTJS 5:标签面板上的自定义UI无法工作

Question

我正在使用ExtJS-5的标准主题之一。

我一直在努力为tabpanel上的选项卡创建一个自定义的tabpanel。

一旦我指定了ui on tabpanel，标签条就会停止显示。

在saas\src\tab\Panel.scss里我放了以下几句-

@include extjs-tab-panel-ui(
       $ui: 'alternative',
       $ui-tab-background-color: red,
       $ui-tab-color: green
);

在我的tabpanel里，我指定-

ui: 'alternative',

不知道我做错了什么。在构建上没有错误

Answer 1

问题是UI也应用于选项卡面板的子面板。如果您调查生成的DOM，您可以看到这一点。但是，没有对应的CSS，因此DOM节点通常具有零高度。

您需要声明选项卡面板，如下所示：

{ xtype: 'tabpanel',
  ui: 'alternative',
  tabBar: { ui: 'default' },
  ...
}

有关此问题的更多信息，请参见https://twasink.net/2013/09/08/lessons-learnt-from-a-bug/