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

【问题标题】：How to add a dynamic URL to tabulator cell?如何将动态 URL 添加到制表符单元格？
【发布时间】：2021-04-09 12:36:47
【问题描述】：

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

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

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

谢谢！

【问题讨论】：

标签： javascript tabulator

【解决方案1】：

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

首先创建如下函数：

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

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

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

此处示例：

jsfiddle

【讨论】：

嗨 Alisson，感谢您的回复，它解决了我的问题。我永远也想不通。
虽然是一个单独的问题，但我会问 :) 我可以获得链接，它有效，点击链接在同一页面上打开它，但我没有看到数据对于该任务。然而，我在同一个任务简介旁边还有一个带有“更多”按钮的弹出窗口，我可以查看数据。我得到一个带有“服务器错误：未找到”的空白页面。我正在设置 vue.js、node.js、express.js。您能否提供一些想法，我如何才能完成这项工作？