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

Question

我正在制表符中创建一个链接单元格。 我将单元格内容格式化为

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

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

谢谢！

Answer 1

不确定我是否正确理解了您的问题，但请尝试以下操作：不要使用“formatterParams”，而是使用“formatter”创建链接。

首先创建一个 function，如下所示：

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

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

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

这里的例子：

jsfiddle