首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >是否在调整浏览器大小时调整jqGrid的大小?

是否在调整浏览器大小时调整jqGrid的大小?
EN

Stack Overflow用户
提问于 2009-05-17 18:58:53
回答 10查看 106K关注 0票数 81

当浏览器窗口调整大小时,有没有办法调整jqGrid的大小?我尝试过描述here的方法,但该技术在IE7中不起作用。

EN

回答 10

Stack Overflow用户

发布于 2009-10-28 03:20:26

我已经在生产中使用了一段时间了,没有任何抱怨(可能需要一些调整才能在你的网站上看到正确的效果。例如,减去侧边栏的宽度等)

代码语言:javascript
复制
$(window).bind('resize', function() {
    $("#jqgrid").setGridWidth($(window).width());
}).trigger('resize');
票数 69
EN

Stack Overflow用户

发布于 2009-10-23 05:54:23

自动调整大小:

对于jQgrid 3.5+

代码语言:javascript
复制
        if (grid = $('.ui-jqgrid-btable:visible')) {
            grid.each(function(index) {
                gridId = $(this).attr('id');
                gridParentWidth = $('#gbox_' + gridId).parent().width();
                $('#' + gridId).setGridWidth(gridParentWidth);
            });
        }

对于jQgrid 3.4.x:

代码语言:javascript
复制
       if (typeof $('table.scroll').setGridWidth == 'function') {
            $('table.scroll').setGridWidth(100, true); //reset when grid is wider than container (div)
            if (gridObj) {

            } else {
                $('#contentBox_content .grid_bdiv:reallyvisible').each(function(index) {
                    grid = $(this).children('table.scroll');
                    gridParentWidth = $(this).parent().width() – origami.grid.gridFromRight;
                    grid.setGridWidth(gridParentWidth, true);
                });
            }
        }
票数 36
EN

Stack Overflow用户

发布于 2010-09-30 06:07:59

这对我来说似乎很有效。

代码语言:javascript
复制
$(window).bind('resize', function() {
    jQuery("#grid").setGridWidth($('#parentDiv').width()-30, true);
}).trigger('resize');
票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/875225

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档