我试图在表中添加一列,该列中有一个鼠标悬停图标,并显示它链接到的记录页面的预览缩略图。
到目前为止,我在鼠标悬停时可以看到缩略图的外观,还可以看到其他字段。不幸的是,我只能使其与静态URL一起使用。 一旦我尝试向URL中添加变量,我的整个表格就不再显示。
这是现在的代码,具有静态URL。
function makeArray(arr) {
var array = [];
for(var i = 0; i < arr.length; i++){
var row = { date:'', view:'', name:'', comment:'', createdAt:'', updatedAt:'',reportId:''};
row.date = new Date(arr[i].date).toLocaleDateString();
row.view = '<a class="tiptext">view<iframe class="description" src="http://myurl.com/report.html?62"></iframe></a>';
row.name = arr[i].name;
row.comment = arr[i].comment;
row.createdAt = arr[i][36];
row.updatedAt = arr[i].updatedAt;
row.reportId = arr[i].reportId;
array.push(row);
}
showDataTable(array);
我想做的是使用每个记录的reportId并将其插入URL而不是62,而不是链接到(在这种情况下)记录62。
我试图找到一个解决方案已经很多了,但是我似乎找不到它。 你们知道如何解决这个问题吗?
谢谢
答案 0 :(得分:0)
请尝试以下一项:
row.view = `<a class="tiptext">view<iframe class="description" src="myurl.com/report.html?${arr[i].reportId}"></iframe></a>`;