jquery - 在 jquery 数据表中添加图像作为行值

Question

我有来自服务器的 json 响应，如下所示

{"id":20,"name":"d","jobid":"22","workflow":"Diagnostic","**status**":"COMPLETE"}...

我的js函数是这样的，

var oTable = $('#myTable').dataTable({
    'sPaginationType': 'sample',
    "bStateSave": true,
    "bServerSide": true,
    "bDestroy": true,
    "sAjaxSource": "/someurl"
});​

我可以在数据表中显示这些数据。但是基于 json 响应中的状态值，我需要提供图像作为数据表行值。 （说 img1 状态“完成”...）..

我必须使用 jquery 来执行此操作才能使用 jquery 数据表进行显示。

请帮忙

Answer 1

只需在 JSON 中添加图像

{
    "id": 20,
    "name": "d",
    "jobid": "22",
    "workflow": "Diagnostic",
    "**status**": "<img src=\"img1.jpg\">"
}

如果要根据状态切换图像。只需通过条件语句切换它。

例如 ：

if($status == "complete"){
  $img = "<img src=\"img1.jpg\">";
}
else{
   $img = "<img src=\"img1.jpg\">";
}

然后使用 img 变量构建您的 json。

Answer 2

将您的响应变量之一设置为 html 字符串。当您将该 html 放入单元格时，它应该可以工作。