DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jqGrid隨窗口大小變化自適應大小的示例代碼
jqGrid隨窗口大小變化自適應大小的示例代碼
編輯:JavaScript綜合知識     

 本篇文章主要是對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};  }      
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved