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 相关文章推荐
IE6下js通过css隐藏select的一个bug
Aug 16 Javascript
自己写了一个展开和收起的多更能型的js效果
Mar 05 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
Apr 08 Javascript
原生javascript实现图片无缝滚动效果
Feb 12 Javascript
整理JavaScript对DOM中各种类型的元素的常用操作
May 05 Javascript
bootstrap网页框架的使用方法
May 10 Javascript
JavaScript数据类型学习笔记分享
Sep 01 Javascript
巧用数组制作图片切换js代码
Nov 29 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
Aug 23 Javascript
JS实现倒序输出的几种常用方法示例
Apr 13 Javascript
Node 代理访问的实现
Sep 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
thinkphp实现数组分页示例
2014/04/13 PHP
PHP生成网站桌面快捷方式代码分享
2014/10/11 PHP
PHP register_shutdown_function()函数的使用示例
2015/06/23 PHP
php超快高效率统计大文件行数
2015/07/05 PHP
php使用gzip压缩传输js和css文件的方法
2015/07/29 PHP
Yii2创建控制器(createController)方法详解
2016/07/23 PHP
php中final关键字用法分析
2016/12/07 PHP
php+webSoket实现聊天室示例代码(附源码)
2017/02/17 PHP
PHP结合Ffmpeg快速搭建流媒体服务的实践记录
2018/10/31 PHP
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
Javascript核心读书有感之词法结构
2015/02/01 Javascript
js文本框输入内容智能提示效果
2015/12/02 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
2016/12/13 Javascript
利用Vue.js实现checkbox的全选反选效果
2017/01/18 Javascript
vue中v-model动态生成的实例详解
2017/10/27 Javascript
Node.js中的child_process模块详解
2018/06/08 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
[07:52]2014DOTA2 TI逗比武士游V社解说背后的故事
2014/07/10 DOTA
Python3实现连接SQLite数据库的方法
2014/08/23 Python
Python中强大的命令行库click入门教程
2016/12/26 Python
详解python的ORM中Pony用法
2018/02/09 Python
使用tensorboard可视化loss和acc的实例
2020/01/21 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
Python ArgumentParse的subparser用法说明
2020/04/20 Python
Python3中FuzzyWuzzy库实例用法
2020/11/18 Python
澳大利亚家具和家居用品购物网站:Zanui
2018/12/29 全球购物
行政文员岗位职责
2013/11/08 职场文书
服装设计专业毕业生推荐信
2013/11/09 职场文书
先进工作者获奖感言
2014/02/08 职场文书
代办委托书怎样写
2014/04/08 职场文书
销售团队激励口号
2014/06/06 职场文书
2015年119消防宣传日活动总结
2015/03/24 职场文书
MySQL update set 和 and的区别
2021/05/08 MySQL
python基于tkinter实现gif录屏功能
2021/05/19 Python
vue+element ui实现锚点定位
2021/06/29 Vue.js
详解JS数组方法
2021/11/20 Javascript