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>上面添加紅色字體部分即可。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM