jqGrid随窗口大小变化自适应大小的示例代码

第一种： jqGrid随窗口大小变化自适应宽度 $(function(){            $(window).resize(function(){            $("#listId").setGridWidth($(window).width());        });       }); 第二种： wind

第一种：

jqGrid随窗口大小变化自适应宽度

  3. $(function(){
  4.             $(window).resize(function(){   
  5.          $("#listId").setGridWidth($(window).width());
  6.         });
  7.        }); 
复制

第二种：
  3. window.onresize = function  _doResize() { 
  4.  var ss = pageSize(); 
  5.  $("#listId").jqGrid('setGridWidth', ss.WinW-10).jqGrid('setGridHeight', ss.WinH-200);
  6.    }
  8.  function pageSize() { 
  9.    var winW, winH; 
  10.   if(window.innerHeight) {// all except IE 
  11.    winW = window.innerWidth; 
  12.    winH = window.innerHeight; 
  13.   } else if (document.documentElement && document.documentElement.clientHeight) {// IE 6 Strict Mode
  14.    winW = document.documentElement.clientWidth; 
  15.    winH = document.documentElement.clientHeight; 
  16.   } else if (document.body) { // other 
  17.    winW = document.body.clientWidth; 
  18.    winH = document.body.clientHeight; 
  19.   }  // for small pages with total size less then the viewport 
  20.   return {WinW:winW, WinH:winH}; 
  21. }  
复制

results matching ""

    No results matching ""