当父 div 随事件发生变化时调整 jqgrid 的大小答案

【问题标题】：resize jqgrid when parent div changes with an event当父 div 随事件发生变化时调整 jqgrid 的大小
【发布时间】：2011-12-03 06:47:48
【问题描述】：

我有一个带有几个 jqgrid 的仪表板。当所有其他窗口消失时，我的仪表板窗口可以单独扩展以填满页面。还有一个切换回缩

如果我有一个 jqgrid，在那个窗口中，当它展开时，我希望网格宽度也能扩大和缩小。

有什么方法可以将网格绑定到其父 div 以便它可以扩展和缩小？

到目前为止没有工作的示例。

$('.portlet-content').bind('resize', function() {
        jQuery("#gridConfirm").setGridWidth($('.portlet-content').width()-5, true);
    }).trigger('resize');

【问题讨论】：

你尝试过here的方式吗？
我实际上在其他地方使用了该代码，但它不适用于 div。至少它对我没有用。
您应该在resize 事件处理程序中获取$('#parentDiv').width()。
对，我可以做，但我不知道如何构建调整大小事件处理程序。我已经添加了我所拥有的。

标签： javascript jquery jqgrid

【解决方案1】：

您应该将jQuery.resize 绑定到window 对象。试试这个

$(window).resize(function() {
    $("#gridConfirm").jqGrid('setGridWidth', $('.portlet-content').width()-5, true);
}).trigger('resize');

【讨论】：