使jqGrid在Web浏览器上响应的方法

使jqGrid在Web浏览器上响应的方法

jqGrid

width

在许多内部结构（div，表等）上使用固定值。因此，不能只设置CSS

width :100%

。但是，还有另一种方法可以做到这一点。可以

resize

在

window

对象上注册事件处理程序并进行

setGridWidth

显式调用。该方法将jqGrid的
所有内部结构 调整为新的宽度。因此，这将是干净的方法。

如果使用，

autowidth:true

则jqGrid只能将jqGrid的宽度设置为其父级的宽度。在

$(window).resize

处理程序内部，我们可以获取父级的 新
（当前）宽度并重置grid的值

width

。相应的代码如下

$(window).on("resize", function () {    var $grid = $("#list"),        newWidth = $grid.closest(".ui-jqgrid").parent().width();    $grid.jqGrid("setGridWidth", newWidth, true);});

我用

$("#list").closest(".ui-jqgrid")

的，而不是

$("#list")

因为jqGrid的建立一些潜 在
的主要

<table>

元素。

$("#list").closest(".ui-jqgrid")

给出包括网格所有元素 的外部 div。