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 相关文章推荐
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
javascript 一段左右两边随屏滚动的代码
Jun 18 Javascript
JavaScript浏览器选项卡效果
Aug 25 Javascript
jQuery toggleClass应用实例(附效果图)
Apr 06 Javascript
node.js中的console.timeEnd方法使用说明
Dec 09 Javascript
es6的数字处理的方法(5个)
Mar 16 Javascript
vue实现全选、反选功能
Nov 17 Javascript
js脚本编写简单刷票投票系统
Jun 27 Javascript
node实现简单的反向代理服务器
Jul 26 Javascript
js实现浏览器打印功能的示例代码
Jul 15 Javascript
VUE实时监听元素距离顶部高度的操作
Jul 29 Javascript
Javascript call及apply应用场景及实例
Aug 26 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文件中是否含有bom的函数
2012/05/31 PHP
解析php扩展php_curl.dll不加载的解决方法
2013/06/26 PHP
php实现singleton()单例模式实例
2014/11/06 PHP
ECSHOP完美解决Deprecated: preg_replace()报错的问题
2016/05/17 PHP
php经典趣味算法实例代码
2020/01/21 PHP
用js实现键盘方向键翻页功能的代码
2007/06/03 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
2013/01/16 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
关于Javascript 对象(object)的prototype
2014/05/09 Javascript
动态载入js提高网页打开速度的方法
2014/07/04 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
谈谈Jquery中的children find 的区别有哪些
2015/10/19 Javascript
jQuery插件编写步骤详解
2016/06/03 Javascript
ES6新特性之函数的扩展实例详解
2017/04/01 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
2017/04/18 Javascript
JS开发中基本数据类型具体有哪几种
2017/10/19 Javascript
详解小程序循环require之坑
2019/03/08 Javascript
angularjs1.X 重构controller 的方法小结
2019/08/15 Javascript
实现vuex与组件data之间的数据同步更新方式
2019/11/12 Javascript
JavaScript 生成唯一ID的几种方式
2021/02/19 Javascript
Python标准库笔记struct模块的使用
2018/02/22 Python
python基于物品协同过滤算法实现代码
2018/05/31 Python
对Python中for复合语句的使用示例讲解
2018/11/01 Python
PyTorch 普通卷积和空洞卷积实例
2020/01/07 Python
一套软件开发工程师笔试题
2015/05/18 面试题
请问软件开发中的设计模式你会使用哪些
2015/05/13 面试题
绝对经典成功的大学生推荐信
2013/11/08 职场文书
公司培训心得体会
2014/01/03 职场文书
村干部承诺书
2014/03/28 职场文书
二年级学生期末评语
2014/12/26 职场文书
邀请函模板
2015/02/02 职场文书
Django实现在线无水印抖音视频下载(附源码及地址)
2021/05/06 Python
「租借女友」第2季樱泽墨角色PV&新视觉图公开
2022/03/21 日漫