jqgrid 刷新数据
时间: 2024-02-10 19:10:45 浏览: 132
要刷新 jqGrid 中的数据,可以使用以下两种方法:
1. 使用 `reloadGrid` 方法:
```javascript
$("#grid_id").jqGrid('setGridParam', {
datatype: 'json',
page: 1
}).trigger('reloadGrid');
```
这里我们首先设置了 `datatype` 为 `json`,然后将 `page` 设置为 1,最后触发 `reloadGrid` 事件。
2. 使用 `GridUnload` 方法:
```javascript
$("#grid_id").jqGrid('GridUnload');
```
这里我们使用 `GridUnload` 方法来卸载 jqGrid,然后重新创建并加载它。
注意:在使用第二种方法时,必须保证在重新加载 jqGrid 之前,先将其卸载掉。否则 jqGrid 会出现异常。
相关问题
jqgrid 刷新数据后加载本地数据
在jqGrid中,刷新数据后重新加载本地数据可以通过两种方法实现:
1. 使用`setGridParam`和`reloadGrid`方法
```javascript
// 获取jqGrid对象
var grid = $('#grid');
// 刷新数据
grid.trigger('reloadGrid');
// 加载本地数据
grid.jqGrid('setGridParam', { data: newData }).trigger('reloadGrid');
```
首先,我们使用`reloadGrid`方法来刷新Grid的数据。然后,使用`setGridParam`方法设置`data`参数为新的本地数据,最后再次使用`reloadGrid`方法来重新加载Grid的数据。
2. 使用`clearGridData`和`addRowData`方法
```javascript
// 获取jqGrid对象
var grid = $('#grid');
// 清除原有数据
grid.jqGrid('clearGridData', true);
// 加载本地数据
grid.jqGrid('addRowData', 'id', newData);
```
首先,使用`clearGridData`方法清除原有的Grid数据。`true`参数用于清除分页信息。然后,使用`addRowData`方法添加新的本地数据。`'id'`参数表示使用数据的`id`作为行的标识。
以上两种方法都可以在刷新数据后重新加载本地数据,可以根据具体需求选择使用。
jqgrid 刷新表格数据
在 jqGrid 中,你可以使用 `trigger` 方法刷新表格数据。以下是一个示例代码:
```javascript
// 刷新表格数据
$("#refreshBtn").click(function() {
$("#grid").trigger("reloadGrid");
});
```
在上面的代码中,我们定义了一个按钮,当用户点击按钮时,我们调用 `trigger` 方法刷新表格数据。`reloadGrid` 方法会重新加载表格数据,并更新表格的显示。这样就可以实现刷新表格数据的功能了。
阅读全文