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" οnclick="dosomething();"><strong>Using IpSubnet</strong></a></li>在?<a>上面添加红色字体部分即可。

转载于:https://www.cnblogs.com/hexinxiaoyao/archive/2012/09/07/2674668.html