Javascript 制表器修改图像路径

我试图在tablatorv3.2（）中的单元格值上附加一个路径，该值从mySQL表中提取，然后在tablator单元格中显示由完整图像路径表示的图像。我在.tablator调用的属性中有以下内容：

格式化程序：函数（单元格，formatterParams）{
var celli=cell.getValue（）；
if（（celli.indexOf（“blankimg”）=-1）和&（messages[“custimgpath”]！=“”）{
var cellf=messages[“custimgpath”]+celli+，\“image”
}
否则{
var cellf=celli
}
返回cellf；
}

如您所见，我尝试在函数中将格式设置为“image”。 if语句中的变量解析为true。 目前，它只是在单元格中输入完整路径+格式化程序，而不是生成图像标记并将其放入src

---

如何修改它以在图像标记中插入完整路径，并将格式化程序设置为图像？

问题在于，您只返回路径的字符串，即显示的路径

为了显示图像，您需要返回一个图像元素，并将路径设置为其源：

格式化程序：函数（单元格，formatterParams）{
var celli=cell.getValue（）；
var imgEl=document.createElement（“img”）；//创建图像元素
if（（celli.indexOf（“blankimg”）=-1）和&（messages[“custimgpath”]！=“”）{
imgEl.src=messages[“custimgpath”]+celli；//设置image元素的src
}
否则{
imgEl.src=celli；//设置image元素的src
}
return imgEl；//返回图像元素
}

突变方案 作为替代方案，我建议在路径值进入表时使用更新路径值，然后使用内置图像格式化程序显示数据

在下面的示例中，我假设路径包含在行数据的demo字段中

我们首先定义一个变异子

var pathMutator=（值、数据、类型、mutatorParams、单元格）{
if（（value.indexOf（“blankimg”）=-1）和&（messages[“custimgpath”]！=“”）{
返回消息[“custimgpath”]+值
}
否则{
返回imgEl.src=值；
}
}

然后在该列的列定义中，我们绑定了mutator和formatter

{title:“Demo列”，字段：“Demo”，格式化程序：“image”，mutator:pathmutor}，

另一方面，Tablator的3.2版目前已经有3年的历史了。在最新版本的制表器4.7上，您会有更好的体验。这里有一整套和一个（如果需要的话）hanks@Oli Folkerd我用了你的格式化程序代码-现在开始工作-当然有助于与大师交谈；）是的，我一直忙于其他项目，但会在我有时间时更新。再次感谢。