因项目样式需要,要使用TabContainer并需要将Tab标签在左侧竖排显示,并添加关闭按钮。
创建TabContainer
var tabContainer = new TabContainer({
tabPosition: "left" //控制在左侧显示
}, this.tabContainerNode);
向TabContainer中添加标签页
var tab= new ContenPane({
style: "padding-left:0px;padding-top:0px",
title: "标<br/>签<br/>页", //标签title,人为添加换行符,若不添加,虽然标签显示在左侧,但文字会显示在一行而不是一列
closable: true //显示关闭按钮
});
tabContainer .addChild(tab);
需要设置标签页关闭按钮的样式,主要是dijitTabCloseButton,如果不做此设置,关闭图标会并列现实在文字右侧
.light .mapControlDefault .dijitTabCloseButton{
/*更改TabContainer的面板关闭按钮样式*/
display:table;
margin-left:0px;
}