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 相关文章推荐
javascript+iframe 实现无刷新载入整页的代码
Mar 17 Javascript
javascript中的self和this用法小结
Feb 08 Javascript
jQuery html()方法使用不了无法显示内容的问题
Aug 06 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
Sep 15 Javascript
javaScript给元素添加多个class的简单实现
Jul 20 Javascript
百度搜索框智能提示案例jsonp
Nov 28 Javascript
基于javascript实现按圆形排列DIV元素(二)
Dec 02 Javascript
JS遍历对象属性的方法示例
Jan 10 Javascript
微信小程序上传图片实例
May 28 Javascript
js实现动态增加文件域表单功能
Oct 22 Javascript
jQuery实现的导航条点击后高亮显示功能示例
Mar 04 jQuery
layer弹出层显示在top顶层的方法
Sep 11 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 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
PHP生成excel时单元格内换行问题的解决方法
2010/08/26 PHP
PHP数组排序之sort、asort与ksort用法实例
2014/09/08 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
php $_SESSION会员登录实例分享
2021/01/19 PHP
PHP命名空间简单用法示例
2018/12/28 PHP
使用 PHP Masked Package 屏蔽敏感数据的实现方法
2019/10/15 PHP
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
2013/02/26 Javascript
简易js代码实现计算器操作
2013/04/15 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
2015/05/19 Javascript
微信小程序组件 marquee实例详解
2017/06/23 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
基于daterangepicker日历插件使用参数注意的问题
2017/08/10 Javascript
json字符串传到前台input的方法
2018/08/06 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
vue-cli3单页构建大型项目方案
2020/04/07 Javascript
[03:03]DOTA2 2017国际邀请赛开幕战队入场仪式
2017/08/09 DOTA
[51:53]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第二场 11.01
2020/11/02 DOTA
Python的面向对象思想分析
2015/01/14 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
python多进程重复加载的解决方式
2019/12/13 Python
基于python监控程序是否关闭
2020/01/14 Python
Python多线程threading join和守护线程setDeamon原理详解
2020/03/18 Python
python实现读取类别频数数据画水平条形图案例
2020/04/24 Python
Python ADF 单位根检验 如何查看结果的实现
2020/06/03 Python
英国剑桥包中文官网:The Cambridge Satchel Company中国
2018/11/06 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
小学生常见病防治方案
2014/06/06 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
公安机关纪律作风整顿剖析
2014/10/10 职场文书
银行催款通知书
2015/04/17 职场文书
2016应届毕业生实习心得体会
2015/10/09 职场文书
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript
Vue组件更新数据v-model不生效的解决
2022/04/02 Vue.js
Redis keys命令的具体使用
2022/06/05 Redis