当前位置:  编程技术>WEB前端

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

    来源: 互联网  发布时间:2014-08-25

    本文导语:  第一种: jqGrid随窗口大小变化自适应宽度 代码如下:$(function(){            $(window).resize(function(){            $("#listId").setGridWidth($(window).width());        });       }); 第二种: 代码如下:window.onresize = function  _doResi...

第一种:

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};


    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Jqgrid设置全选(选择)及获取选择行的值示例代码
  • jQuery网格插件 jqGrid


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3