jqgrid formatter 执行异步回调函数
时间: 2023-07-11 19:25:26 浏览: 105
在 jqGrid 中使用 formatter 执行异步回调函数可以按照以下步骤操作:
1. 定义 formatter 函数,在函数中发起异步请求获取数据,如下:
```
function myFormatter(cellvalue, options, rowObject) {
var result = "";
$.ajax({
url: "/api/getData?id=" + cellvalue,
async: true,
success: function (data) {
result = data;
// 执行回调函数
if (options && options.successCallback) {
options.successCallback(result);
}
}
});
return result;
}
```
这里的 myFormatter 函数中,通过 ajax 请求异步获取数据,并将结果保存在 result 变量中。在 ajax 请求成功的回调函数中,判断是否传入了 options 对象,并且 options 对象中是否有 successCallback 属性,如果有则执行 successCallback 回调函数并将结果传入。
2. 在 colModel 中使用 formatter 属性指定 formatter 函数,并传入 options 对象,如下:
```
{
name: 'xxx',
index: 'xxx',
formatter: myFormatter,
formatoptions: {
successCallback: function (result) {
// 处理回调函数返回的数据
// ...
}
},
// ...
}
```
这里的 name 和 index 属性分别表示列名和列的索引,formatter 属性指定使用 myFormatter 函数对该列进行格式化,formatoptions 属性指定传入的 options 对象,并在 options 对象中定义 successCallback 回调函数,在回调函数中处理 myFormatter 函数返回的结果。
需要注意的是,由于异步请求是非阻塞的,因此需要在回调函数中处理返回的数据,否则可能会出现数据显示不正确的问题。
另外,由于异步请求可能会导致性能问题,因此建议仅在必要时才使用异步函数处理 formatter。
阅读全文