struts2 jquery 网格插件：动态设置宽度答案

【问题标题】：struts2 jquery grid plugin: set width dynamicallystruts2 jquery 网格插件：动态设置宽度
【发布时间】：2012-06-05 15:35:42
【问题描述】：

我正在使用带有

的 struts2 jquery 网格插件

    <@sjg.grid
    ...
    id="mygrid"
    shrinkToFit="true"
    resizable="true"
    shrinkToFit="true"
    width= "1000"
    ...

这会在我的页面上显示一个分区内的表格（即 div="foo"）。 “foo”分区是随着屏幕分辨率的变化而变化的。我需要做的是将网格的宽度动态更新为 foo 分区的大小。即：

$(document).ready(function() {
    var foo_width = $("#foo").width();
    // dynamically update mygrid width to foo_width
}

有什么想法吗？感谢您的帮助

【问题讨论】：

不完全确定我是否理解这个问题，但也许检查窗口大小和 foo 的宽度来更新宽度？
我已经尝试了以下几行。它没有解决问题，它只是弄乱了网格列和分页。 var foo_width = $("#foo").width(); $('#mygrid').width(foo_width);

【解决方案1】：

刚发现struts2-jquery插件中有autowidth属性：

<@sjg.grid
    ...
    id="mygrid"
    shrinkToFit="true"
    resizable="true"
    shrinkToFit="true"
    width= "1000"
    ...
    autowidth="true"

autowidth 属性自动将网格的宽度设置为父元素之一。这里有文档http://code.google.com/p/struts2-jquery/wiki/GridTag

【讨论】：