dojo的TabContainer竖排摆放tab标签

因项目样式需要,要使用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;
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值