Tabulator 4 我可以扩展格式化程序而不是创建自定义格式化程序吗?

Car*_*ira 3 javascript tabulator

Tabulator 有几个内置的单元格格式化程序,如文档中所述 - http://tabulator.info/docs/4.0/format#format

我们知道我们可以构建一个像这样的自定义格式化程序:

var myCustomFormatter=function(cell, formatterParams, onRendered){
return "Mr" + cell.getValue();
}
Run Code Online (Sandbox Code Playgroud)

然后在 columns 参数中像这样使用它:

{title:"Name", field:"name", formatter:myCustomFormatter}
Run Code Online (Sandbox Code Playgroud)

虽然制表符格式化程序被“用作”字符串:

{title:"Name", field:"name", formatter:"textarea"}
Run Code Online (Sandbox Code Playgroud)

我们的目标是通过扩展现有格式化程序,将“myCustomFormatter”添加到参数列的可用选项列表中。

为什么?我们正在构建动态的东西,columns 参数将填充一个从 JSON 字符串接收其值的变量。像这样的东西:

var jc='[{"title":"Name", "field":"name", "formatter":"myCustomFormatter"}]';
var c=JSON.parse(c);

var table = new Tabulator("#tbdiv", {columns: c});
Run Code Online (Sandbox Code Playgroud)

但此代码不起作用,因为“myCustomFormatter”(作为字符串)在格式化程序参数中不可用。

结论,制表符格式化程序可以使用新的单元格格式化程序进行扩展(不更改原始代码)吗?

如果没有,我们有什么想法可以填写列参数,以便它使用我们的自定义格式化程序?

谢谢

Oli*_*erd 5

您可以使用Tabulator 原型上的extendModule函数来扩展模块:

//add uppercase formatter to format module
Tabulator.prototype.extendModule("format", "formatters", {
    uppercase:function(cell, formatterParams){
        return cell.getValue().toUpperCase(); //make the contents of the cell uppercase
    }
});

//use formatter in column definition
{title:"name", field:"name", formatter:"uppercase"}
Run Code Online (Sandbox Code Playgroud)

您需要确保在包含源文件之后、创建第一个表之前扩展 Tabulator。

完整的文档可以在Tabulator 网站文档中找到