萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jqGrid隨窗口大小變化自適應大小的示例代碼

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

 本篇文章主要是對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};  }      
copyright © 萬盛學電腦網 all rights reserved