jqgrid 宽度高度 随父容器大小决定
时间: 2023-08-02 12:41:50 浏览: 82
要实现 jqGrid 宽度高度随父容器大小决定,可以通过以下步骤操作:
1. 设置父容器的宽度和高度。
2. 初始化 jqGrid 时,设置宽度和高度为100%。
3. 在 window.resize() 事件中重新计算 jqGrid 的宽度和高度。
以下是示例代码:
HTML:
```html
<div id="grid-container" style="width:100%;height:400px;"></div>
```
JavaScript:
```javascript
$(document).ready(function() {
// 初始化 jqGrid
$("#grid-container").jqGrid({
// 设置宽度和高度为100%
width: "100%",
height: "100%",
// 其他配置项...
});
// 重新计算 jqGrid 的宽度和高度
$(window).resize(function() {
$("#grid-container").setGridWidth($("#grid-container").parent().width());
$("#grid-container").setGridHeight($("#grid-container").parent().height() - 50);
});
});
```
其中,`setGridWidth()` 和 `setGridHeight()` 方法分别用于设置 jqGrid 的宽度和高度。在上面的示例代码中,我们在 window.resize() 事件中调用这两个方法,重新计算 jqGrid 的宽度和高度。