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 相关文章推荐
JavaScript入门教程(7) History历史对象
Jan 31 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
Jul 04 Javascript
JS中的构造函数详细解析
Mar 10 Javascript
js显示文本框提示文字的方法
May 07 Javascript
javascript中动态函数用法实例分析
May 14 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
Apr 24 Javascript
Vue 去除路径中的#号
Apr 19 Javascript
vue ssr 实现方式(学习笔记)
Jan 18 Javascript
详解vue在项目中使用百度地图
Mar 26 Javascript
Vue 幸运大转盘实现思路详解
May 06 Javascript
封装Vue Element的table表格组件的示例详解
Aug 19 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
松下Panasonic RF-B65电路分析
2021/03/02 无线电
PHP中遍历stdclass object的实现代码
2011/06/09 PHP
php在linux下检测mysql同步状态的方法
2015/01/15 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
纯CSS3实现质感细腻丝滑按钮
2021/03/09 HTML / CSS
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
2007/02/15 Javascript
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
D3.js 从P元素的创建开始(显示可加载数据)
2014/10/30 Javascript
jQuery中scrollLeft()方法用法实例
2015/01/16 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
javascript回到顶部特效
2016/07/30 Javascript
几种tab切换详解
2017/02/03 Javascript
详谈jQuery中使用attr(), prop(), val()获取value的异同
2017/04/25 jQuery
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
2017/08/08 jQuery
JavaScript中this关键字用法实例分析
2018/08/24 Javascript
angular1.x ui-route传参的三种写法小结
2018/08/31 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
python实现发送和获取手机短信验证码
2016/01/15 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
Python基础之getpass模块详细介绍
2017/08/10 Python
python实现最大优先队列
2019/08/29 Python
python爬虫爬取笔趣网小说网站过程图解
2019/11/18 Python
解决import tensorflow导致jupyter内核死亡的问题
2021/02/06 Python
python线程优先级队列知识点总结
2021/02/28 Python
JackJones官方旗舰店:杰克琼斯男装
2018/03/27 全球购物
英国票务网站:Ticketmaster英国
2018/08/27 全球购物
函授药学自我鉴定
2014/02/07 职场文书
学生抄袭作业的检讨书
2014/10/02 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
关于食品安全的演讲稿范文(三篇)
2019/10/21 职场文书
Nginx优化服务之网页压缩的实现方法
2021/03/31 Servers
Vue3如何理解ref toRef和toRefs的区别
2022/02/18 Vue.js
GoFrame gredis缓存DoVar Conn连接对象 自动序列化GoFrame gredisDo/DoVar方法Conn连接对象自动序列化/反序列化总结
2022/06/14 Golang