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 点击按钮显示和隐藏层的代码
Jul 25 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
Jan 09 Javascript
浅谈JavaScript实现面向对象中的类
Dec 09 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
Jan 06 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
Jun 21 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
jQuery实现手势解锁密码特效
Aug 14 jQuery
基于vue如何发布一个npm包的方法步骤
May 15 Javascript
使用RxJS更优雅地进行定时请求详析
Jun 02 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
Jun 26 Javascript
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 Vue.js
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
jQuery+php实现ajax文件即时上传的详解
2013/06/17 PHP
详解HTTP Cookie状态管理机制
2016/01/14 PHP
PHP实现的MD5结合RSA签名算法实例
2017/10/07 PHP
锋利的jQuery jQuery中的DOM操作
2010/03/21 Javascript
jquery select 设置默认选中的示例代码
2014/02/07 Javascript
JavaScript的strict模式与with关键字介绍
2014/02/08 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
2014/09/04 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
深入理解JavaScript中的浮点数
2016/05/18 Javascript
JS简单实现无缝滚动效果实例
2016/08/24 Javascript
jQuery EasyUI常用数据验证汇总
2016/09/18 Javascript
jQuery生成假加载动画效果
2016/12/01 Javascript
jQuery插件zTree实现获取一级节点数据的方法
2017/03/08 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
AngularJS动态菜单操作指令
2017/04/25 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
2017/12/06 Javascript
vue 刷新之后 嵌套路由不变 重新渲染页面的方法
2018/09/13 Javascript
微信小程序实现文字跑马灯
2020/05/26 Javascript
处理JavaScript值为undefined的7个小技巧
2020/07/28 Javascript
pymssql数据库操作MSSQL2005实例分析
2015/05/25 Python
django Serializer序列化使用方法详解
2018/10/16 Python
浅析Python 抽象工厂模式的优缺点
2020/07/13 Python
韩国女装NO.1网店:STYLENANDA
2016/09/16 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
实习生单位鉴定意见
2013/12/04 职场文书
煤矿班组长的职责
2013/12/25 职场文书
超市中秋节活动方案
2014/02/12 职场文书
教师师德反思材料
2014/02/15 职场文书
《荷花》教学反思
2014/04/16 职场文书
建筑安全责任书范本
2014/07/24 职场文书
工作证明格式范文
2015/06/15 职场文书
如何做好工作总结!
2019/04/10 职场文书
快消品行业营销模式与盈利模式分享
2019/09/27 职场文书
java代码实现空间切割
2022/01/18 Java/Android