jqGrid隨窗口大小變化自適應大小的示例代碼

更新時間：2013年12月28日 09:36:28 作者：

本篇文章主要是對jqGrid隨窗口大小變化自適應大小的示例代碼進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助

第一種：

jqGrid隨窗口大小變化自適應寬度

$(function(){
            $(window).resize(function(){   
         $("#listId").setGridWidth($(window).width());
        });
       }); 

第二種：

復制代碼代碼如下:

window.onresize = function  _doResize() { 
 var ss = pageSize(); 
 $("#listId").jqGrid('setGridWidth', ss.WinW-10).jqGrid('setGridHeight', ss.WinH-200);
   }

 function pageSize() { 
   var winW, winH; 
  if(window.innerHeight) {// all except IE 
   winW = window.innerWidth; 
   winH = window.innerHeight; 
  } else if (document.documentElement && document.documentElement.clientHeight) {// IE 6 Strict Mode
   winW = document.documentElement.clientWidth; 
   winH = document.documentElement.clientHeight; 
  } else if (document.body) { // other 
   winW = document.body.clientWidth; 
   winH = document.body.clientHeight; 
  }  // for small pages with total size less then the viewport 
  return {WinW:winW, WinH:winH}; 
}  

您可能感興趣的文章:

ie下jquery.getJSON的緩存問題的處理方法
$.getJSON（）存在緩存問題，如果其調(diào)用的url之前曾經(jīng)調(diào)用過的話，回調(diào)函數(shù)就會直接在緩存里取得想要得值，而不是進入到后臺
2013-03-03
jQuery中removeAttr()方法用法實例
這篇文章主要介紹了jQuery中removeAttr()方法用法,實例分析了removeAttr()方法的功能、定義及從匹配元素中移除相應屬性的使用技巧,需要的朋友可以參考下
2015-01-01
jQuery中fadein與fadeout方法用法示例
這篇文章主要介紹了jQuery中fadein與fadeout方法用法,結(jié)合實例形式分析了jQuery使用fadein與fadeout方法實現(xiàn)頁面元素淡入淡出效果的相關技巧,需要的朋友可以參考下
2016-09-09
Jquery+Ajax實現(xiàn)跨域訪問
這篇文章介紹了Jquery實現(xiàn)Ajax跨域訪問的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-05-05
jQuery中$.grep() 過濾函數(shù) 數(shù)組過濾
這篇文章主要介紹了jQuery中$.grep() 過濾函數(shù) 數(shù)組過濾的相關資料,需非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下
2016-11-11
jQuery中prependTo()方法用法實例
這篇文章主要介紹了jQuery中prependTo()方法用法,實例分析了prependTo()方法的功能、定義及匹配的元素插入指定元素之前的使用技巧,需要的朋友可以參考下
2015-01-01
淺析onsubmit校驗表單時利用ajax的return false無效問題
前幾天，在校驗一個表單數(shù)據(jù)用到ajax時，遇到 return false 無效問題,以下就是對這個問題進行了分析介紹，需要的朋友可以參考下
2013-07-07
jQuery插件echarts實現(xiàn)的循環(huán)生成圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實現(xiàn)的循環(huán)生成圖效果,結(jié)合完整實例形式分析了echarts插件循環(huán)輸出數(shù)字圖形的實現(xiàn)步驟與相關操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
jQuery的觀察者模式詳解
本文主要是介紹了jQuery中on方法及trigger方法，以及圍繞這個方法來體驗的觀察者模式，是篇非常不錯的文章，對我們理解觀察者模式很有幫助。
2014-12-12
jquery判斷密碼強度的驗證代碼
本文主要介紹了jquery判斷密碼強度的驗證代碼，這是一個非常常見的功能，在輸入密碼的時候提示密碼的強度，本文使用jQuery來實現(xiàn)，有需要的小伙伴可以參考下。
2015-11-11