jqgrid formatter 根据 id 异步显示name
时间: 2024-03-01 10:51:54 浏览: 63
在 jqGrid 中,根据 id 异步显示 name 可以按照以下步骤操作:
1. 定义 formatter 函数,在函数中发起异步请求获取 name 数据,如下:
```
function myFormatter(cellvalue, options, rowObject) {
var result = "";
$.ajax({
url: "/api/getName?id=" + cellvalue,
async: false,
success: function (data) {
result = data;
}
});
return result;
}
```
这里的 myFormatter 函数中,通过 ajax 请求异步获取 name 数据,并将结果保存在 result 变量中,最后返回 result。
2. 在 colModel 中使用 formatter 属性指定 formatter 函数,如下:
```
{
name: 'id',
index: 'id',
formatter: myFormatter,
// ...
}
```
这里的 name 和 index 属性分别表示列名和列的索引,formatter 属性指定使用 myFormatter 函数对该列进行格式化。
3. 在异步请求的处理函数中,根据传入的 id 参数获取 name 数据,如下:
```
app.get('/api/getName', function (req, res) {
var id = req.query.id;
var name = getNameById(id);
res.send(name);
});
```
这里的 getNameById 函数根据传入的 id 参数获取对应的 name 数据,并返回 name。
需要注意的是,由于异步请求是阻塞的,因此需要将 async 属性设置为 false,这样才能保证在 formatter 函数返回结果之前,异步请求已经完成。
另外,由于异步请求可能会导致性能问题,因此建议仅在必要时才使用异步函数处理 formatter。
阅读全文