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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值