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 Eval 函数使用
Mar 23 Javascript
监控 url fragment变化的js代码
Apr 19 Javascript
用JQuery调用Session的实现代码
Oct 29 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
Mar 13 Javascript
javaScript中slice函数用法实例分析
Jun 08 Javascript
Bootstrap每天必学之导航
Nov 26 Javascript
node.js中实现kindEditor图片上传功能的方法教程
Apr 26 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
手把手搭建安装基于windows的Vue.js运行环境
Jun 12 Javascript
js中bool值的转换及“&&”、“||”、 “!!”详解
Dec 21 Javascript
微信小程序如何实现全局重新加载
Jun 05 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 高手之路(一)
2006/10/09 PHP
生成静态页面的PHP类
2006/11/25 PHP
php表单请求获得数据求和示例
2014/05/15 PHP
php实现ip白名单黑名单功能
2015/03/12 PHP
php调用KyotoTycoon简单实例
2015/04/02 PHP
PHP结合Jquery和ajax实现瀑布流特效
2016/01/07 PHP
CL vs ForZe BO5 第二场 2.13
2021/03/10 DOTA
jQuery之排序组件的深入解析
2013/06/19 Javascript
改变文件域的样式实现思路同时兼容ie、firefox
2013/10/23 Javascript
js输入框邮箱自动提示功能代码实现
2013/12/10 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
2014/05/29 Javascript
js实现div层缓慢收缩与展开的方法
2015/05/11 Javascript
纯javascript代码实现计算器功能(三种方法)
2015/09/07 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
2015/10/15 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
2016/04/26 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
2016/05/16 Javascript
jQuery自定义图片缩放拖拽插件imageQ实现方法(附demo源码下载)
2016/05/27 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
vue组件实例解析
2017/01/10 Javascript
Swiper实现轮播图效果
2017/07/03 Javascript
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
2017/11/08 jQuery
[02:21]DOTA2英雄基础教程 蝙蝠骑士
2013/12/16 DOTA
win10 64bit下python NLTK安装教程
2018/09/19 Python
面向初学者的Python编辑器Mu
2018/10/08 Python
python实现桌面气泡提示功能
2019/07/29 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
pytorch中 gpu与gpu、gpu与cpu 在load时相互转化操作
2020/05/25 Python
python3.7 openpyxl 在excel单元格中写入数据实例
2020/09/01 Python
python实现学生信息管理系统(精简版)
2020/11/27 Python
购买澳大利亚最好的服装和内衣在线:BONDS
2016/10/14 全球购物
泰国网上购物:Shopee泰国
2018/09/14 全球购物
苏格兰领先的多渠道鞋店:Begg Shoes
2019/10/22 全球购物
欧洲最古老的鞋厂:Peter Kaiser
2019/11/05 全球购物
德国50岁以上交友网站:Lebensfreunde
2020/03/18 全球购物
创业计划书之牛肉汤快餐店
2019/10/08 职场文书