Fatal编程技术网
  • extjs/
  • EXTJS 5:选项卡面板上的自定义UI不起作用

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

extjs

EXTJS 5:选项卡面板上的自定义UI不起作用,extjs,extjs5,saas,sencha-cmd,Extjs,Extjs5,Saas,Sencha Cmd,我使用的是ExtJS-5的标准主题之一 我一直在努力为tabpanel上的选项卡创建自定义ui 当我在选项卡面板上指定用户界面时，选项卡条将停止显示 在saas\src\tab\Panel.scss中，我放置了以下内容- @include extjs-tab-panel-ui( $ui: 'alternative', $ui-tab-background-color: red, $ui-tab-color: green ); 在我的选项卡面板中，我指定

我使用的是ExtJS-5的标准主题之一

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

当我在
选项卡面板
上指定
用户界面
时，选项卡条将停止显示

在
saas\src\tab\Panel.scss中，我放置了以下内容-


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


在我的
选项卡面板中，我指定了-


ui: 'alternative',



不知道我做错了什么。生成时没有错误
问题是UI也应用于选项卡面板的子级。如果调查生成的DOM，可以看到这一点。但是，没有相应的CSS，因此DOM节点的高度通常为零

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


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



有关这方面的更多信息，请参阅ExtJS5中的
经典还是现代？@NikosJs没有现代版本，只有经典版本。