一、问题描述:
第一个tab页和第二个tab中布局相同,左右布局,即west 和center ,
页面初始化时,自动展示第一个tab页,布局正常如图一所示,但切换第二个tab页时发现west部分没有撑起设定的width,而是缩到左侧,见图二。
图一:(tab1)
图二:(显示混乱的tab2)
二、解决办法:
添加tab 页切换监听,当切换时,自动刷新布局,代码如下:
$(function(){
$('#aTabs a').click(function (e) {
e.preventDefault();
$(this).tab('show');
$('.easyui-layout').layout('resize');
});
})
三、显示正常的tab2