jqgrid 刷新表格数据
时间: 2023-08-08 17:09:48 浏览: 174
在 jqGrid 中,你可以使用 `trigger` 方法刷新表格数据。以下是一个示例代码:
```javascript
// 刷新表格数据
$("#refreshBtn").click(function() {
$("#grid").trigger("reloadGrid");
});
```
在上面的代码中,我们定义了一个按钮,当用户点击按钮时,我们调用 `trigger` 方法刷新表格数据。`reloadGrid` 方法会重新加载表格数据,并更新表格的显示。这样就可以实现刷新表格数据的功能了。
相关问题
jqGrid 刷新表格数据
在 jqGrid 中,你可以使用 `trigger` 方法刷新表格数据。以下是一个示例代码:
```javascript
// 刷新表格数据
$("#refreshBtn").click(function() {
$("#grid").trigger("reloadGrid");
});
```
在上面的代码中,我们定义了一个按钮,当用户点击按钮时,我们调用 `trigger` 方法刷新表格数据。`reloadGrid` 方法会重新加载表格数据,并更新表格的显示。这样就可以实现刷新表格数据的功能了。
jqgrid 刷新后 怎么重新加载searchoptions中数据
在 jqGrid 中,如果需要在刷新后重新加载 searchoptions 中的数据,可以使用以下代码:
```
// 获取表格的表头
var colModel = $("#grid").jqGrid("getGridParam", "colModel");
// 遍历表头,重新加载 searchoptions 中的数据
for (var i = 0; i < colModel.length; i++) {
var searchoptions = colModel[i].searchoptions;
if (searchoptions && searchoptions.dataUrl) {
$.ajax({
url: searchoptions.dataUrl,
dataType: "json",
success: function(data) {
// 更新 searchoptions 中的 data
searchoptions.data = data;
// 更新表头
$("#grid").jqGrid("setColProp", colModel[i].name, { searchoptions: searchoptions });
}
});
}
}
// 刷新 jqGrid
$("#grid").trigger("reloadGrid");
```
这段代码会先获取表格的表头,然后遍历表头,找到 searchoptions 中有 dataUrl 的列。接着,使用 AJAX 请求获取数据,并更新 searchoptions 中的 data。最后,更新表头,并使用 trigger 方法刷新 jqGrid。
需要注意的是,因为 AJAX 请求是异步的,所以在 success 回调函数中更新 searchoptions 中的 data 时,需要使用闭包来保存当前列的 searchoptions 对象。此外,如果 searchoptions 中的 dataUrl 返回的数据格式不是 JSON,需要根据实际情况修改 dataType 参数。
阅读全文