Jquery UI Tab页中使用JqGrid,使JQGrid自适应大小

   JqGrid如果不在Tab页中时,自适应大小是没问题的。但是,目前出现这么一种现象,在Tab页中,在多个Tab页中使用JqGrid时,诡异的现象就出现了。当我们一次性的将多个tab页中的jqgrid同时使之自适应大小时,(比如窗口放大缩小时,)只有当前展开的tab页中的jqgrid表现的正常。当鼠标点击打开其他tab页时,jqgrid仍旧保持之前窗口中的大小。这是由于正在打开大的tab页中的jqgrid的父容器宽度为0.你使用。width()获取的值为0。offsetwidth为空。所以此时就算你已经编写了打开标签页事件时重新调整jqgrid大小也是无济于事的。我们只能硬性为其设置一个宽度高度。即将切换tab页面时,前一个页面中jqgrid的父容器宽度设置到当前正在被打开的tab中jqgrid的父容器宽度。好吧!这样就可以了。

  此外,在标签页中,当我们在jqgrid父容器的节点上设置宽度100%时(或者其他百分比数值)。在自适应大小后,悲剧又一次发生。它会将该宽度视为100px(比如设置80%时,自适应后宽度此时即变为80px)。我给出的建议是取消在jqgrid父容器上的赋值。一切恢复正常。

  使用标签页时,如果打算执行标签页打开事件  <li><a href="#tabs-1" onclick="dosomething();"><strong>Using IpSubnet</strong></a></li>在?<a>上面添加红色字体部分即可。

原文地址:https://www.cnblogs.com/hexinxiaoyao/p/2674668.html