一、问题描述:

第一个tab页和第二个tab中布局相同,左右布局,即west 和center ,

页面初始化时,自动展示第一个tab页,布局正常如图一所示,但切换第二个tab页时发现west部分没有撑起设定的width,而是缩到左侧,见图二。

图一:(tab1)

解决当在对个tab页中使用easyui-layout导致的第二个tab中布局混乱问题

图二:(显示混乱的tab2)

解决当在对个tab页中使用easyui-layout导致的第二个tab中布局混乱问题

二、解决办法:

添加tab 页切换监听,当切换时,自动刷新布局,代码如下:

$(function(){
    $('#aTabs a').click(function (e) {
    	e.preventDefault();
    	$(this).tab('show');
         $('.easyui-layout').layout('resize');
    });
    
})

三、显示正常的tab2

解决当在对个tab页中使用easyui-layout导致的第二个tab中布局混乱问题

相关文章:

  • 2022-01-18
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-04-29
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-11-10
  • 2022-12-23
  • 2021-11-26
  • 2022-12-23
  • 2022-12-23
  • 2021-11-22
相关资源
相似解决方案