Javascript 制表器:使用带有链接格式化程序的图标
为图标列使用制表器链接格式化程序 我将一列设置为链接格式化程序,我希望在其中显示图标而不是文本(以模拟按钮) 我有一个简单的自定义格式化程序可用于渲染图标Javascript 制表器:使用带有链接格式化程序的图标,javascript,tabulator,Javascript,Tabulator,为图标列使用制表器链接格式化程序 我将一列设置为链接格式化程序,我希望在其中显示图标而不是文本(以模拟按钮) 我有一个简单的自定义格式化程序可用于渲染图标 function printIcon(cell, formatterParams, onRendered) { return "<i class='fa fa-print'></i>"; }; 但是,在呈现单元格时,自定义格
function printIcon(cell, formatterParams, onRendered)
{
return "<i class='fa fa-print'></i>";
};
但是,在呈现单元格时,自定义格式设置程序值显示为文本,而不是图标
在下图中可见
我觉得我遗漏了一些明显的东西,但我可以添加一个图标列和一个链接列,我只是看不到将它们结合起来的方法
感谢您的建议显而易见的是:
“链接
链接格式化程序将数据呈现为锚,并带有指向给定值的链接(默认情况下,该值将用作url和标记的标签)
[……]
标签-表示标签的字符串,或必须返回标签字符串的函数,函数作为其第一个参数传递给单元格组件“
我知道链接图标列和链接列的唯一方法是让图标的cellClick功能处理链接列中的链接。显而易见的是:
“链接
链接格式化程序将数据呈现为锚,并带有指向给定值的链接(默认情况下,该值将用作url和标记的标签)
[……]
标签-表示标签的字符串,或必须返回标签字符串的函数,函数作为其第一个参数传递给单元格组件“
我知道链接图标栏和链接栏的唯一方法是让图标的cellClick功能处理链接栏中的链接。除了上面Adrian的答案,你还可以看看上面Adrian的答案,你还可以看看
{
"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
}