如何将动态 URL 添加到制表符单元格？

Question

我正在 Tabulator 中创建链接单元格。我将单元格内容格式化为

formatterParams: {
            labelField: "id",
            url: "localhost:8080/taskEditor/value,
            target: "_blank",
          },

我尝试了一个函数，但是 url 没有正确生成。它只给了我 localhost:8080/value。我想知道如何像上面的代码一样编写 url，其中值被字符串 id 替换。该值实际上是单元格中的值。如何获取单元格值并将文本转换为超链接，单击该超链接，用户可以看到单击值的更多详细信息。我在 vue.js 环境中执行此操作。

谢谢！

Answer 1

不确定我是否正确理解你的问题，但试试这个：不要使用“formatterParams”，而是使用“formatter”创建 link。

首先创建一个如下所示的函数：

 function link(cell, formatterParams){
    var url = cell.getValue();
    return "<a href='/taskEditor/"+url+"'>"+url+"</a>";
}

然后使用以下代码生成列：

{title:"ID", field:"id", formatter:link, hozAlign:"center"},

此处示例：

jsfiddle

如何将动态 URL 添加到制表符单元格？

How to add a dynamic URL to tabulator cell?

javascript

tabulator