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 相关文章推荐
斜45度寻路实现函数
Aug 20 Javascript
基于jquery自己写tab滑动门(通用版)
Oct 30 Javascript
js常用自定义公共函数汇总
Jan 15 Javascript
AngularJS入门教程(一):静态模板
Dec 06 Javascript
跟我学习javascript的this关键字
May 28 Javascript
js 判断附件后缀的简单实现方法
Oct 11 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
Jul 24 Javascript
Echarts基本用法_动力节点Java学院整理
Aug 11 Javascript
vue2.0.js的多级联动选择器实现方法
Feb 09 Javascript
微信小程序云开发之新手环境配置
May 16 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
Aug 31 Javascript
JS中多层次排序算法的实现代码
Jan 06 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中使用模板的方法
2008/05/24 PHP
PHP在字符串中查找指定字符串并删除的代码
2008/10/02 PHP
php字符串的替换,分割和连接方法
2016/05/23 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
List the UTC Time on a Computer
2007/06/11 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
JavaScript数据结构之二叉树的遍历算法示例
2017/04/13 Javascript
[js高手之路]单例模式实现模态框的示例
2017/09/01 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
2018/09/16 Javascript
100行代码实现一个vue分页组功能
2018/11/06 Javascript
vue实现公告栏文字上下滚动效果的示例代码
2020/06/16 Javascript
vue实现把接口单独存放在一个文件方式
2020/08/13 Javascript
解决Vue项目中tff报错的问题
2020/10/21 Javascript
微信小程序中target和currentTarget的区别小结
2020/11/06 Javascript
vue实现拖拽进度条
2021/03/01 Vue.js
[48:00]EG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/29 DOTA
[52:20]DOTA2-DPC中国联赛正赛 SAG vs XGBO3 第一场 3月5日
2021/03/11 DOTA
解析Python中while true的使用
2015/10/13 Python
Python在信息学竞赛中的运用及Python的基本用法(详解)
2017/08/15 Python
python机器学习案例教程——K最近邻算法的实现
2017/12/28 Python
python matplotlib 注释文本箭头简单代码示例
2018/01/08 Python
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
关于python中密码加盐的学习体会小结
2019/07/15 Python
Django REST framework内置路由用法
2019/07/26 Python
jupyter notebook的安装与使用详解
2020/05/18 Python
python matplotlib绘制三维图的示例
2020/09/24 Python
Python实现简单的猜单词小游戏
2020/10/28 Python
详解Css3新特性应用之过渡与动画
2017/01/10 HTML / CSS
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
Madewell美德威尔美国官网:美国休闲服饰品牌
2016/11/25 全球购物
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
一份文言文检讨书
2014/09/13 职场文书
自我检讨报告
2015/01/28 职场文书
公务员保密工作承诺书
2015/05/04 职场文书
公路施工安全责任书
2015/05/08 职场文书
虎兄虎弟观后感
2015/06/12 职场文书