C# 如何从datatable中的服务器端jquery datatable获取图像src值？

我正在使用jquery datatable并使用ajax调用填充该datatable，其工作正常，但现在我需要在列中显示图像，但我不知道如何绑定这些图像。图像链接来自category_Image中的后端

后端：

var displayedCategories = filteredCategories;
var result = from c in displayedCategories select new[] 
{c.id, c.category_name, c.category_image,c.id};
return Json(new{
sEcho = param.sEcho,
iTotalRecords = lstAllCategories.Count,
iTotalDisplayRecords = 10,
aaData = result},JsonRequestBehavior.AllowGet);

$('#tblInterests').dataTable({
"bServerSide": true,
"sAjaxDataProp": "aaData",
"bProcessing": true,
"bLengthChange": false,
"sPaginationType": "full_numbers",
"bSort": true,
"aoColumns":[
{"sName": "id"},
{"sName": "category_name" },
{"sName": "category_image",
"bSearchable": false,
"bSortable": false,
"mRender": function (data) {
return '<img src="" width="50" height="50" />'
}
},
{"mData": "Id",
"bSearchable": false,
"bSortable": false,
"sWidth": "40px",
"mRender": function (data) {
return '<button class="btn btn-primary" type="button" >Edit</button>'
}
},
],
"ajax": "/Admin/InterestsJson",
"columns": [
{ "data": "id" },
{ "data": "category_name" },
{ "data": "category_image" },
{ "data": "id" }
]
});

前端：

var displayedCategories = filteredCategories;
var result = from c in displayedCategories select new[] 
{c.id, c.category_name, c.category_image,c.id};
return Json(new{
sEcho = param.sEcho,
iTotalRecords = lstAllCategories.Count,
iTotalDisplayRecords = 10,
aaData = result},JsonRequestBehavior.AllowGet);

$('#tblInterests').dataTable({
"bServerSide": true,
"sAjaxDataProp": "aaData",
"bProcessing": true,
"bLengthChange": false,
"sPaginationType": "full_numbers",
"bSort": true,
"aoColumns":[
{"sName": "id"},
{"sName": "category_name" },
{"sName": "category_image",
"bSearchable": false,
"bSortable": false,
"mRender": function (data) {
return '<img src="" width="50" height="50" />'
}
},
{"mData": "Id",
"bSearchable": false,
"bSortable": false,
"sWidth": "40px",
"mRender": function (data) {
return '<button class="btn btn-primary" type="button" >Edit</button>'
}
},
],
"ajax": "/Admin/InterestsJson",
"columns": [
{ "data": "id" },
{ "data": "category_name" },
{ "data": "category_image" },
{ "data": "id" }
]
});

$（'tblInterests'）。数据表({
“bServerSide”：正确，
“sAjaxDataProp”：“aaData”，
“bProcessing”：正确，
“bLengthChange”：false，
“sPaginationType”：“完整编号”，
“bSort”：正确，
“aoColumns”：[
{“sName”：“id”}，
{“sName”：“category_name”}，
{“sName”：“类别图像”，
“可搜索”：错误，
“可移植”：错误，
“mRender”：功能（数据）{
返回“”
}
},
{“mData”：“Id”，
“可搜索”：错误，
“可移植”：错误，
“sWidth”：“40px”，
“mRender”：功能（数据）{
返回“编辑”
}
},
],
“ajax”：“/Admin/InterestsJson”，
“栏目”：[
{“数据”：“id”}，
{“数据”：“类别名称”}，
{“数据”：“类别图像”}，
{“数据”：“id”}
]
});

在

mRender

中，

数据

（==

category\u image

）应设置为图像的

src

：

...
{ "sName": "category_image",
  "bSearchable": false,
  "bSortable": false,
  "mRender": function(data, type, full) {
     return '<img src="'+data+'" width="50" height="50" />'
  }
}
...

。。。
{“sName”：“类别图像”，
“可搜索”：错误，
“可移植”：错误，
“mRender”：功能（数据、类型、完整）{
返回“”
}
}
...

您忘记实际使用图像->

返回“”

非常感谢davidkonrad。。。。。给它的答案，这样我就可以接受和投票的类型和完整的this@Manjitsingh谢谢你接受答案！如果有人好奇的话，我刚刚给出了完整的参数列表。这对你来说没什么区别<代码>类型是渲染类型-它可以是

过滤器

，

显示

，

类型

或

排序

。它可以在对列进行排序时返回一个结果，在进行筛选时返回另一个结果，第三个结果用于显示，依此类推

full

是当前行/记录的所有数据，如果要将记录中的多个值合并到一列中，可以使用它。