javascript - 制表符：使用带有链接格式化程序的图标

Question

对 Icon 列使用 Tabulator Link 格式化程序

我有一列设置为链接格式化程序，我想在其中显示图标而不是文本（以模拟按钮）。

我有一个简单的自定义格式化程序可用于呈现图标

        function printIcon(cell, formatterParams, onRendered) 
        {
            return "<i class='fa fa-print'></i>";
        };

并且使用 Link 的 Label 选项定义的列设置为自定义格式化程序

  {
    "field": null,
    "title": "",
    "visible": true,
    "width": 20,
    "formatter": "link",
    "formatterParams": {
      "labelField": null,
      "urlPrefix": "../record/?TaskID=",
      "urlField": "TaskID",
      "target": "",
      "label": printIcon
    },
    "headerFilter": "",
    "headerFilterParams": null,
    "headerSort": false,
    "editor": "",
    "editorOptions": null,
    "position": 16,
    "cellClick": null
  }

但是，单元格正在呈现自定义格式化程序值，显示为文本，而不是下图中的“可见”图标。

感觉好像我遗漏了一些明显的东西，但我可以添加一个图标列并添加一个链接列，我只是看不到组合它们的方法。

感谢您的任何建议

标签： javascripttabulator

Answer 1

显而易见的是：

http://tabulator.info/docs/4.7/format#format

“关联

链接格式化程序将数据呈现为带有指向给定值的链接的锚点（默认情况下，该值将用作标签的 url 和标签）。

[...]

label - 表示标签的字符串，或必须返回标签字符串的函数，该函数作为其第一个参数传递给单元组件“

我知道链接 Icon 列和 Link 列的唯一方法是让 Icon 的 cellClick 函数处理 Link 列中的链接。