如何动态调整jqgrid到当前窗口大小?

2024-05-18

如何动态调整jqgrid到当前窗口大小(基于javascript / jQuery)

最好的例子在这里(TinyMCE): 去:http://www.tinymce.com/tryit/full.php http://www.tinymce.com/tryit/full.php

然后尝试 CTRL+ALT+F 或菜单->视图->全屏

请帮忙,我有 js/jquery 的初学者知识(我了解更多 PHP 语言)。

这就是我调用 jqgrid 的方式:

$grid->renderGrid('#grid','#pager',true, null, null, true,true);

..提前致谢


如果你理解我的话,这就是我的意思。

我想向 gridNav 添加自定义按钮,以实现放大视图和普通视图之间的切换(就像tinyMCE 编辑器一样!!)

我的网格表有很多列(长水平滚动),这就是为什么我想到激怒整个表的想法。

按钮代码...

$buttonoptions = array("#pager", array(
        "caption"=>"Resize", 
        "onClickButton"=>"js:function(){ ... resize call here ...}", "title"=> "Resize"
   )
);
$grid->callGridMethod("#grid", "navButtonAdd", $buttonoptions);

function resizeJqGridWidth(grid_id, div_id, width)
{
    $(window).bind('resize', function() {
        $('#' + grid_id).setGridWidth(width, true); //Back to original width
        $('#' + grid_id).setGridWidth($('#' + div_id).width(), true); //Resized to new width as per window
     }).trigger('resize');
}

setGridWidth(new_width,shrink):动态设置网格的新宽度。

new_width:这将是新的宽度(像素)。

收缩(默认 true):

true -> 它将允许根据当前调整大小的 jqGrid 宽度调整网格中的列大小。

false -> 如果当前调整的 jqGrid 宽度将超过其设置的 jqGrid 宽度,它将在 jqGrid 末尾附加额外的空白列。

致谢mfs http://www.mindfiresolutions.com/Resize-jqGrid-width-dynamically-based-on-browser-Window-size--1172.php.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何动态调整jqgrid到当前窗口大小? 的相关文章

随机推荐