jqGrid隨窗口大小變化自適應(yīng)大小的示例代碼
更新時(shí)間：2013年12月28日 09:36:28 作者：
本篇文章主要是對(duì)jqGrid隨窗口大小變化自適應(yīng)大小的示例代碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
第一種：
jqGrid隨窗口大小變化自適應(yīng)寬度
復(fù)制代碼 代碼如下:
$(function(){
$(window).resize(function(){
$("#listId").setGridWidth($(window).width());
});
});
第二種：
復(fù)制代碼 代碼如下:
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};
}
您可能感興趣的文章:
- jqgrid 簡(jiǎn)單學(xué)習(xí)筆記
- JQGrid的用法解析(列編輯,添加行,刪除行)
- jQuery中jqGrid分頁(yè)實(shí)現(xiàn)代碼
- jqGrid用法匯總(全經(jīng)典)
- jquery下動(dòng)態(tài)顯示jqGrid以及jqGrid的屬性設(shè)置容易出現(xiàn)問(wèn)題的解決方法
- Bootstrap嵌入jqGrid，使你的table牛逼起來(lái)
- 一個(gè)關(guān)于jqGrid使用的小例子(行按鈕)
- jqGrid 學(xué)習(xí)筆記整理——進(jìn)階篇(一 )
- 給jqGrid數(shù)據(jù)行添加修改和刪除操作鏈接（之一）
- 利用jqgrid實(shí)現(xiàn)上移下移單元格功能
相關(guān)文章
ie下jquery.getJSON的緩存問(wèn)題的處理方法
$.getJSON（）存在緩存問(wèn)題，如果其調(diào)用的url之前曾經(jīng)調(diào)用過(guò)的話，回調(diào)函數(shù)就會(huì)直接在緩存里取得想要得值，而不是進(jìn)入到后臺(tái)2013-03-03
jQuery中removeAttr()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeAttr()方法用法,實(shí)例分析了removeAttr()方法的功能、定義及從匹配元素中移除相應(yīng)屬性的使用技巧,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了jQuery中fadein與fadeout方法用法,結(jié)合實(shí)例形式分析了jQuery使用fadein與fadeout方法實(shí)現(xiàn)頁(yè)面元素淡入淡出效果的相關(guān)技巧,需要的朋友可以參考下2016-09-09
Jquery+Ajax實(shí)現(xiàn)跨域訪問(wèn)
這篇文章介紹了Jquery實(shí)現(xiàn)Ajax跨域訪問(wèn)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-05-05
jQuery中$.grep() 過(guò)濾函數(shù) 數(shù)組過(guò)濾
這篇文章主要介紹了jQuery中$.grep() 過(guò)濾函數(shù) 數(shù)組過(guò)濾的相關(guān)資料,需非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
這篇文章主要介紹了jQuery中prependTo()方法用法,實(shí)例分析了prependTo()方法的功能、定義及匹配的元素插入指定元素之前的使用技巧,需要的朋友可以參考下2015-01-01
淺析onsubmit校驗(yàn)表單時(shí)利用ajax的return false無(wú)效問(wèn)題
前幾天，在校驗(yàn)一個(gè)表單數(shù)據(jù)用到ajax時(shí)，遇到 return false 無(wú)效問(wèn)題,以下就是對(duì)這個(gè)問(wèn)題進(jìn)行了分析介紹，需要的朋友可以參考下2013-07-07
jQuery插件echarts實(shí)現(xiàn)的循環(huán)生成圖效果示例【附demo源碼下載】
這篇文章主要介紹了jQuery插件echarts實(shí)現(xiàn)的循環(huán)生成圖效果,結(jié)合完整實(shí)例形式分析了echarts插件循環(huán)輸出數(shù)字圖形的實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
本文主要是介紹了jQuery中on方法及trigger方法，以及圍繞這個(gè)方法來(lái)體驗(yàn)的觀察者模式，是篇非常不錯(cuò)的文章，對(duì)我們理解觀察者模式很有幫助。2014-12-12
本文主要介紹了jquery判斷密碼強(qiáng)度的驗(yàn)證代碼，這是一個(gè)非常常見(jiàn)的功能，在輸入密碼的時(shí)候提示密碼的強(qiáng)度，本文使用jQuery來(lái)實(shí)現(xiàn)，有需要的小伙伴可以參考下。2015-11-11