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


Posted in Javascript onDecember 28, 2013

第一种:

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}; 
} 
Javascript 相关文章推荐
基于jquery的横向滚动条(滑动条)
Feb 24 Javascript
超轻量级的基于jquery的三级展开列表
Apr 26 Javascript
jquery中获取id值方法小结
Sep 22 Javascript
jQuery内部原理和实现方式浅析
Feb 03 Javascript
JQuery中解决重复动画的方法
Oct 17 Javascript
VUE element-ui 写个复用Table组件的示例代码
Nov 18 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
Nov 24 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
Sep 02 Javascript
PHP实现基于Redis的MessageQueue队列封装操作示例
Feb 02 Javascript
使用mixins实现elementUI表单全局验证的解决方法
Apr 02 Javascript
JavaScript命令模式原理与用法实例详解
Mar 10 Javascript
uniapp,微信小程序中使用 MQTT的问题
Jul 11 Javascript
jQuery对Select的操作大集合(收藏)
Dec 28 #Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
Dec 28 #Javascript
jquery改变tr背景色的示例代码
Dec 28 #Javascript
javaScript对文字按照拼音排序实现代码
Dec 27 #Javascript
jquery弹出层类代码分享
Dec 27 #Javascript
可插入图片的TEXT文本框
Dec 27 #Javascript
jQuery拖拽 & 弹出层 介绍与示例
Dec 27 #Javascript
You might like
rephactor 优秀的PHP的重构工具
2011/06/09 PHP
不使用php api函数实现数组的交换排序示例
2014/04/13 PHP
php抽象类使用要点与注意事项分析
2015/02/09 PHP
childNodes.length与children.length的区别
2009/05/14 Javascript
jquery 上下滚动广告
2009/06/17 Javascript
分享一个asp.net pager分页控件
2012/01/04 Javascript
js 获取和设置css3 属性值的实现方法
2013/05/06 Javascript
快速查找数组中的某个元素并返回下标示例
2013/09/03 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
2014/01/26 Javascript
jquery实现的网页自动播放声音
2014/04/30 Javascript
利用jquery操作Radio方法小结
2014/10/20 Javascript
JQuery中使用.each()遍历元素学习笔记
2014/11/08 Javascript
jQuery中:file选择器用法实例
2015/01/04 Javascript
AngularJS语法详解
2015/01/23 Javascript
Bootstrap源码解读排版(1)
2016/12/23 Javascript
Javascript blur与click冲突解决办法
2017/01/09 Javascript
jquery获取链接地址和跳转详解(推荐)
2017/08/15 jQuery
webpack@v4升级踩坑(小结)
2018/10/08 Javascript
Node.js动手撸一个静态资源服务器的方法
2019/03/09 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
2019/10/29 Javascript
jquery实现有过渡效果的tab切换
2020/07/17 jQuery
three.js 制作动态二维码的示例代码
2020/07/31 Javascript
[03:03]2014DOTA2国际邀请赛 EG战队专访
2014/07/12 DOTA
[03:12]完美世界DOTA2联赛PWL DAY7集锦
2020/11/06 DOTA
Pyhton中单行和多行注释的使用方法及规范
2016/10/11 Python
matplotlib subplots 设置总图的标题方法
2018/05/25 Python
如何在发生故障的节点上重新安装 SQL Server
2013/03/14 面试题
药剂专业毕业生求职信
2014/06/24 职场文书
护士先进个人总结
2015/02/13 职场文书
大学生就业意向书
2015/05/11 职场文书
2015年底工作总结范文
2015/05/15 职场文书
小学生手册家长意见
2015/06/03 职场文书
党员心得体会范文2016
2016/01/23 职场文书
浅谈Python 中的复数问题
2021/05/19 Python
Django+Nginx+uWSGI 定时任务的实现方法
2022/01/22 Python