`
liuzx32
  • 浏览: 4998 次
社区版块
存档分类
最新评论

jqGrid随窗口大小变化自适应大小

阅读更多
第一种:
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};
}
分享到:
评论

相关推荐

    jqGrid随窗口大小变化自适应大小的示例代码

    对于jqGrid,使其随窗口大小变化自适应大小,能提供更好的用户体验。下面我们将详细探讨两种实现jqGrid自适应大小的方法。 **方法一:基于窗口宽度自适应** 这种方法主要用于使jqGrid的宽度随窗口宽度的变化而改变...

    数据表格JqGrid自适应列宽度

    3. **自适应事件处理**:JqGrid提供了`resizeStop`和`gridResize`等事件,可以在窗口大小改变或列宽调整后执行特定的操作。你可以利用这些事件来调整列宽,以适应新的布局。 4. **调整列宽的函数**:JqGrid提供了...

    jqGrid的自适应表格

    在这个"jqGrid的自适应表格"示例中,我们将探讨如何利用jqGrid实现表格的自适应窗口大小,以及在单元格数据过多时如何优雅地处理显示。 首先,要创建一个基本的jqGrid,你需要在HTML文件中引入jQuery库和jqGrid的...

    Jqgrid表格随窗口大小改变而改变的简单实例

    总结来说,这个JqGrid实例通过监听窗口的`resize`事件,并调用`setGridWidth`方法,实现了表格宽度的动态调整,以适应窗口大小的变化。对于需要创建响应式JqGrid的应用,这是一个简单但实用的解决方案。开发者可以...

    jqgrid 解决冻结栏高度不一致的问题,修改了源代码

    jqgrid 采用冻结栏之后往往会出现冻结的栏的高度和非冻结栏高度的不一致,滚动滚动条的时候出现冻结栏的div小好几个px 的问题

    JqGrid中文API文档

    JqGrid还提供了其他高级功能,如行选择、列自适应、导出数据、树形结构展示等。通过配置`multiselect`、`autoresizeAllColumns`、`gridview`等参数,可以启用这些特性。 通过深入学习JqGrid中文API文档,开发者可以...

    JqGrid插件+JqGridDemo+JqGrid主题

    JqGrid是一款强大的JavaScript表格插件,用于在Web应用程序中展示和操作数据。它基于jQuery库,提供了丰富的功能,如数据排序、筛选、分页、编辑、添加、删除和保存等,极大地增强了网页中表格的交互性和数据管理...

    jqgrid中文文档API

    jQgrid中文文档API jQgrid是一个功能强大且流行的JavaScript插件,用于创建交互式表格。它基于jQuery库,提供了许多强大的功能,例如排序、过滤、编辑、分页等,使得开发者可以快速创建复杂的表格应用程序。本文将...

    jqgriddemo5.2.0

    - 自适应布局:适应不同设备和屏幕大小,保证在手机、平板和电脑上都有良好的显示效果。 - 自定义样式:允许用户自定义表格样式,与项目整体风格保持一致。 **总结** jqgriddemo5.2.0结合了jQuery 3.1.1的强大功能...

    jqGrid 4.6和4.7版本

    6. **编辑和新增数据**:对于需要进行数据操作的场景,jqGrid支持行内编辑、弹出编辑窗口以及新增记录功能,方便用户进行数据的增删改查操作。 7. **本地化和多语言**:jqGrid允许设置语言选项,满足不同地区用户的...

    jqGrid4.8.2 jqgrid_demo40

    jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...

    jqGrid4.6完整包

    jqGrid 是一个强大的 jQuery 插件,用于在网页上创建、操作和展示数据。这个"jqGrid4.6完整包"包含了所有你需要的组件来构建功能丰富的、可编辑的表格。以下是关于 jqGrid 4.6 版本的一些关键知识点: 1. **jqGrid ...

    jqGrid中文文档.doc

    jqGrid 是一个基于 jQuery 的数据网格插件,用于在网页上展示和操作表格化的数据。在开始使用 jqGrid 之前,需要具备基本的 JavaScript 和 jQuery 知识,因为 jqGrid 是构建在 jQuery 库之上的。jQuery 提供了简便的...

    Jqgrid中文使用手册

    为了确保jqGrid和jQuery UI的字体大小一致,需要在页面上添加额外的样式以调整字体大小。 #### 二、JqGrid皮肤设置 JqGrid自3.5版本开始,完全支持jQuery UI的主题风格,用户可以根据需要自定义或下载主题。 **...

    jqgrid加载本地数据并且分页例子

    jqGrid是一款功能强大的JavaScript表格插件,用于在网页上展示并操作数据,它支持各种操作,包括数据的加载、排序、搜索以及分页等。在这个"jqgrid加载本地数据并且分页例子"中,我们将深入探讨如何利用jqGrid实现从...

    jqGrid4.6.0 jqgrid_demo40

    jquery.jqGrid-4.6.0(jquery表格插件).zip----------jqGrid4.6.0包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载...

    jqgrid序列

    - `rowList`:分页大小选项列表。 - `mtype`:请求数据时使用的HTTP方法,默认为'GET'。 - `postData`:额外的参数,可以用来传递搜索条件或自定义数据。 **4. jqGrid的事件和方法** - 事件:如`loadComplete`...

    jqGrid_api中文文档

    根据提供的文件信息,我们可以提取出关于jqGrid的知识点,具体如下: 1. jqGrid基础概念 jqGrid是一个用于Web应用程序的JavaScript表格插件,它遵循典型的B/S(浏览器/服务器)架构。在这种架构中,服务器端负责...

Global site tag (gtag.js) - Google Analytics