EXTJS 5:选项卡面板上的自定义UI不起作用

时间:2018-05-01 09:54:35

标签: extjs extjs5 saas sencha-cmd

我正在使用 ExtJS-5

的标准主题之一

我一直在努力为ui上的标签创建自定义tabpanel

我在ui上指定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',

不确定我做错了什么。构建没有错误

1 个答案:

答案 0 :(得分:0)

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

您需要声明您的标签面板:

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

有关详情,请参阅https://twasink.net/2013/09/08/lessons-learnt-from-a-bug/