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 相关文章推荐
extjs3 combobox取value和text案例详解
Feb 06 Javascript
浅析jQuery对select操作小结(遍历option,操作option)
Jul 04 Javascript
Js数组排序函数sort()介绍
Jun 08 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
JavaScript学习笔记之ES6数组方法
Mar 25 Javascript
bootstrap输入框组件使用方法详解
Jan 19 Javascript
js实现带简单弹性运动的导航条
Feb 22 Javascript
Vue.js组件使用props传递数据的方法
Oct 19 Javascript
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
详解JavaScript中精度失准问题及解决方法
Feb 04 Javascript
原生JS实现天气预报
Jun 16 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
Jul 09 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
php下MYSQL limit的优化
2008/01/10 PHP
PHPExcel内存泄漏问题解决方法
2015/01/23 PHP
浅析PHP中call user func()函数及如何使用call user func调用自定义函数
2015/11/05 PHP
php中json_encode不兼容JSON_UNESCAPED_UNICODE的解决方案
2016/05/31 PHP
PHP设计模式之工厂模式与单例模式
2016/09/28 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
php求斐波那契数的两种实现方式【递归与递推】
2019/09/09 PHP
laravel框架实现为 Blade 模板引擎添加新文件扩展名操作示例
2020/01/25 PHP
JavaScript Event学习第十一章 按键的检测
2010/02/10 Javascript
对jQuery的事件绑定的一些思考(补充)
2013/04/20 Javascript
node.js开发中使用Node Supervisor实现监测文件修改并自动重启应用
2014/11/04 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
2015/08/21 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
浅谈jQuery添加的HTML,JS失效的问题
2016/10/05 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
2017/02/15 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
JavaScript纯色二维码变成彩色二维码
2020/07/23 Javascript
angular4实现tab栏切换的方法示例
2017/10/21 Javascript
分析JS单线程异步io回调的特性
2017/12/01 Javascript
Vue常用指令详解分析
2018/08/19 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
利用layer实现表单完美验证的方法
2019/09/26 Javascript
JS实现音量控制拖动
2020/01/15 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
vue 组件简介
2020/07/31 Javascript
python中遍历文件的3个方法
2014/09/02 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
纯CSS3实现运行时钟的示例代码
2021/01/25 HTML / CSS
合作投资意向书
2014/04/01 职场文书
超市开业庆典策划方案
2014/05/14 职场文书
白酒代理协议书范本
2014/10/26 职场文书
2014年销售助理工作总结
2014/12/01 职场文书
保证金退回承诺函格式
2015/01/21 职场文书
Python使用Beautiful Soup(BS4)库解析HTML和XML
2022/06/05 Python