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 相关文章推荐
ImageZoom 图片放大镜效果(多功能扩展篇)
Apr 14 Javascript
Tips 带三角可关闭的文字提示
Oct 06 Javascript
jQuery实现的经典滑动门效果
Sep 22 Javascript
D3.js实现文本的换行详解
Oct 14 Javascript
JavaScript 控制字体大小设置的方法
Nov 23 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
Dec 05 Javascript
vue中的scope使用详解
Oct 29 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
Nov 21 Javascript
js console.log打印对象时属性缺失的解决方法
May 23 Javascript
微信小程序如何调用图片接口API并居中显示
Jun 29 Javascript
vue3.0 上手体验
Sep 21 Javascript
交互式可视化js库gojs使用介绍及技巧
Feb 18 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实现粘贴截图并完成上传功能
2015/05/17 PHP
PHP错误Warning:mysql_query()解决方法
2015/10/24 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
PHP中遍历数组的三种常用方法实例分析
2019/06/24 PHP
php+js实现的无刷新下载文件功能示例
2019/08/23 PHP
一个网马的tips实现分析
2010/11/28 Javascript
Javascript字符串对象的常用方法简明版
2014/06/26 Javascript
JavaScript获取网页支持表单字符集的方法
2015/04/02 Javascript
JavaScript中的anchor()方法使用详解
2015/06/08 Javascript
JavaScript数据类型判定的总结笔记
2015/07/31 Javascript
AngularJS入门教程之链接与图片模板详解
2016/08/19 Javascript
vue2组件之select2调用的示例代码
2017/10/12 Javascript
React组件refs的使用详解
2018/02/09 Javascript
webpack里使用jquery.mCustomScrollbar插件的方法
2018/05/30 jQuery
用react-redux实现react组件之间数据共享的方法
2018/06/08 Javascript
JavaScript函数apply()和call()用法与异同分析
2018/08/10 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
vux-scroller实现移动端上拉加载功能过程解析
2019/10/08 Javascript
axios 实现post请求时把对象obj数据转为formdata
2019/10/31 Javascript
Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
2020/11/18 Vue.js
Python实现抓取百度搜索结果页的网站标题信息
2015/01/22 Python
深入学习Python中的上下文管理器与else块
2017/08/27 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
在python中bool函数的取值方法
2018/11/01 Python
Python编写带选项的命令行程序方法
2019/08/13 Python
python3 实现函数写文件路径的正确方法
2019/11/27 Python
解决jupyter运行pyqt代码内核重启的问题
2020/04/16 Python
python uuid生成唯一id或str的最简单案例
2021/01/13 Python
CSS3+JavaScript实现炫酷呼吸效果的示例代码
2020/06/15 HTML / CSS
您的健身减肥和健康饮食专家:vitafy
2017/06/06 全球购物
网站域名和主机:Domain.com
2019/04/01 全球购物
医疗纠纷协议书
2014/04/16 职场文书
食堂厨师岗位职责
2014/08/25 职场文书
出生医学证明书
2014/09/15 职场文书
python绘图subplots函数使用模板的示例代码
2021/04/30 Python
使用CSS连接数据库的方式
2022/02/28 HTML / CSS