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

 更新时间:2013年12月28日 09:36:28   作者:  
本篇文章主要是对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};

相关文章

  • ie下jquery.getJSON的缓存问题的处理方法

    ie下jquery.getJSON的缓存问题的处理方法

    $.getJSON()存在缓存问题,如果其调用的url之前曾经调用过的话,回调函数就会直接在缓存里取得想要得值,而不是进入到后台
    2013-03-03
  • jQuery中removeAttr()方法用法实例

    jQuery中removeAttr()方法用法实例

    这篇文章主要介绍了jQuery中removeAttr()方法用法,实例分析了removeAttr()方法的功能、定义及从匹配元素中移除相应属性的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jQuery中fadein与fadeout方法用法示例

    jQuery中fadein与fadeout方法用法示例

    这篇文章主要介绍了jQuery中fadein与fadeout方法用法,结合实例形式分析了jQuery使用fadein与fadeout方法实现页面元素淡入淡出效果的相关技巧,需要的朋友可以参考下
    2016-09-09
  • Jquery+Ajax实现跨域访问

    Jquery+Ajax实现跨域访问

    这篇文章介绍了Jquery实现Ajax跨域访问的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-05-05
  • jQuery中$.grep() 过滤函数 数组过滤

    jQuery中$.grep() 过滤函数 数组过滤

    这篇文章主要介绍了jQuery中$.grep() 过滤函数 数组过滤的相关资料,需非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2016-11-11
  • jQuery中prependTo()方法用法实例

    jQuery中prependTo()方法用法实例

    这篇文章主要介绍了jQuery中prependTo()方法用法,实例分析了prependTo()方法的功能、定义及匹配的元素插入指定元素之前的使用技巧,需要的朋友可以参考下
    2015-01-01
  • 浅析onsubmit校验表单时利用ajax的return false无效问题

    浅析onsubmit校验表单时利用ajax的return false无效问题

    前几天,在校验一个表单数据用到ajax时,遇到 return false 无效问题,以下就是对这个问题进行了分析介绍,需要的朋友可以参考下
    2013-07-07
  • jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】

    jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】

    这篇文章主要介绍了jQuery插件echarts实现的循环生成图效果,结合完整实例形式分析了echarts插件循环输出数字图形的实现步骤与相关操作技巧,并附带demo源码供读者下载参考,需要的朋友可以参考下
    2017-03-03
  • jQuery的观察者模式详解

    jQuery的观察者模式详解

    本文主要是介绍了jQuery中on方法及trigger方法,以及围绕这个方法来体验的观察者模式,是篇非常不错的文章,对我们理解观察者模式很有帮助。
    2014-12-12
  • jquery判断密码强度的验证代码

    jquery判断密码强度的验证代码

    本文主要介绍了jquery判断密码强度的验证代码,这是一个非常常见的功能,在输入密码的时候提示密码的强度,本文使用jQuery来实现,有需要的小伙伴可以参考下。
    2015-11-11

最新评论