无法使用Datatables JS添加img标记

时间:2014-03-10 17:04:11

标签: jquery asp.net-mvc datatables jquery-datatables

我正在尝试使用mRender中的Datatables JS添加图片代码。以下是aoColumns初始化设置。第二个字段用于呈现<a>锚标记,但第一个字段未加载href标记中的img。它在表格中显示为损坏的图像链接。对于href,我尝试过Images/myImage.png/Images/myImage.png./Images/myImage.png~/Images/myImage.png。我也尝试了完整的网址http://localhost/Images/myImage.png。如果我在浏览器位置字段中输入完整网址,则完整网址会正常工作。

"aoColumns": [
{"mDataProp": "Field1",
     "mRender": function (data, type, row) {
          if (parseFloat(data) > 50.00) {
               return "<img href='~/Images/myImage.png' /> " + data;
          } else {
               return data;
          }
      }
 },
 { "mDataProp": "Field2",
     "mRender": function (data, type, row) {
           return "<a href='Controller1/Details/" + data + "'>Details</a>";
      }
 }],

1 个答案:

答案 0 :(得分:0)

Img对文件使用src-attribute,而不是href。