jqgrid refreshFilterToolbar
时间: 2023-11-27 17:04:50 浏览: 45
`refreshFilterToolbar` 是 jqGrid 提供的一个方法,用于刷新 jqGrid 表头的搜索栏(search toolbar),以更新搜索栏中的筛选条件。具体步骤如下:
1. 获取 jqGrid 实例对象:
```javascript
var grid = $("#gridId");
```
2. 调用 `filterToolbar` 方法启用搜索栏:
```javascript
grid.jqGrid('filterToolbar', {searchOnEnter: false});
```
注意,需要在调用 `filterToolbar` 方法时将 `searchOnEnter` 属性设置为 `false`,否则会导致 `refreshFilterToolbar` 方法失效。
3. 调用 `refreshFilterToolbar` 方法刷新搜索栏:
```javascript
grid[0].triggerToolbar();
```
这里使用了 `triggerToolbar` 方法来触发搜索栏的更新。
这样就可以刷新 jqGrid 表头的搜索栏了。注意,`refreshFilterToolbar` 方法只能刷新搜索栏,无法更新 jqGrid 的搜索条件和表头的 `searchoptions`。如果要更新搜索条件和 `searchoptions`,可以使用上面提到的方法。
相关问题
jqgrid 5.2.1 refreshFilterToolbar
在 jqGrid 5.2.1 中,`refreshFilterToolbar` 方法已经被移除,取而代之的是 `triggerToolbar` 方法。可以按照以下步骤来刷新 jqGrid 表头的搜索栏。
1. 获取 jqGrid 实例对象:
```javascript
var grid = $("#gridId");
```
2. 调用 `filterToolbar` 方法启用搜索栏:
```javascript
grid.jqGrid('filterToolbar', {searchOnEnter: false});
```
注意,需要在调用 `filterToolbar` 方法时将 `searchOnEnter` 属性设置为 `false`,否则会导致 `triggerToolbar` 方法失效。
3. 调用 `triggerToolbar` 方法触发搜索栏的更新:
```javascript
grid[0].triggerToolbar();
```
这样就可以刷新 jqGrid 表头的搜索栏了。注意,`triggerToolbar` 方法只能刷新搜索栏,无法更新 jqGrid 的搜索条件和表头的 `searchoptions`。如果要更新搜索条件和 `searchoptions`,可以使用上面提到的方法。
jqgrid resize
对于 jqGrid,您可以使用以下方法来调整其大小:
1. 使用 jQuery 的 resize 方法:通过选中 jqGrid 表格的父元素,并在窗口大小改变时调用 resize 方法来重新调整表格大小。示例代码如下:
```javascript
$(window).resize(function() {
$("#gridContainer").jqGrid('setGridWidth', $("#gridContainer").parent().width());
});
```
2. 使用 jqGrid 提供的 `gridResize` 事件:您可以在初始化 jqGrid 时,使用 `gridResize` 事件来实现表格的自适应调整。示例代码如下:
```javascript
$("#gridContainer").jqGrid({
//...其他配置项
gridResize: true,
resizeStop: function(newwidth, index) {
$("#gridContainer").jqGrid('setGridWidth', $("#gridContainer").parent().width());
},
});
```
以上两种方法都是在窗口大小改变时调整 jqGrid 的宽度,您可以根据需要选择其中一种方法来使用。注意,`#gridContainer` 是 jqGrid 表格容器的选择器,您需要根据实际情况进行调整。