javascript - 如何将 jqgrid 动态调整为当前窗口大小？

Question

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

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

然后尝试 CTRL+ALT+F 或菜单->查看->全屏

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

这就是我调用 jqgrid 的方式:

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

..提前致谢

---

如果你理解我的话，这就是我所说的。

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

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

按钮代码...

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

Answer 1

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 -> 它将允许根据当前调整大小的 jqGrid 宽度调整网格中列的大小。

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

由 mfs 提供.