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实现table单双行不同显示并能单行选中
Jul 25 Javascript
自制轻量级仿jQuery.boxy对话框插件代码
Oct 26 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
javascript中window.event事件用法详解
Dec 11 Javascript
JS打印gridview实现原理及代码
Feb 05 Javascript
浅析jQuery中常用的元素查找方法总结
Jul 04 Javascript
Bootstrap每天必学之基础排版
Nov 20 Javascript
Javascript的表单验证长度
Mar 16 Javascript
AngularJS入门教程之静态模板详解
Aug 18 Javascript
vue自定义filters过滤器
Apr 26 Javascript
layui.use模块外部使用其内部定义的js封装函数方法
Sep 16 Javascript
Element Breadcrumb 面包屑的使用方法
Jul 26 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程序员的13个好习惯小结
2012/02/20 PHP
php之XML转数组函数的详解
2013/06/07 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
关于laravel模板中生成URL的几种模式总结
2019/10/18 PHP
Thinkphp 框架基础之源码获取、环境要求与目录结构分析
2020/04/27 PHP
PHPstorm启用自动换行的方法详解(IDE)
2020/09/17 PHP
Jquery操作radio的简单实例
2014/01/06 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
2014/01/22 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
node.js中实现同步操作的3种实现方法
2014/12/05 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
2014/12/14 Javascript
jQuery中offset()方法用法实例
2015/01/16 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
2015/07/09 Javascript
jQuery动态产生select option下拉列表
2017/03/15 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
2017/07/18 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
node.js实现带进度条的多文件上传
2020/03/27 Javascript
ElementUI 修改默认样式的几种办法(小结)
2020/07/29 Javascript
Windows下PyMongo下载及安装教程
2015/04/27 Python
Python 中的 else详解
2016/04/23 Python
Tensorflow之Saver的用法详解
2018/04/23 Python
python版飞机大战代码分享
2018/11/20 Python
python画柱状图--不同颜色并显示数值的方法
2018/12/13 Python
pycharm new project变成灰色的解决方法
2019/06/27 Python
Pyecharts绘制全球流向图的示例代码
2020/01/08 Python
Opencv+Python识别PCB板图片的步骤
2021/01/07 Python
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
美国排名第一的泳池用品直接来源:In The Swim
2019/09/23 全球购物
文员自我评价怎么写
2013/09/19 职场文书
男女朋友协议书
2014/04/23 职场文书
学习三严三实心得体会
2014/10/13 职场文书
写给领导的感谢信
2015/01/22 职场文书
MySQL中的隐藏列的具体查看
2021/09/04 MySQL
php修改word的实例方法
2021/11/17 PHP
SQL SERVER触发器详解
2022/02/24 SQL Server