如何在Tabulator中显示选择编辑器文本但不显示值

时间:2018-11-19 02:36:12

标签: tabulator

作为editor select

values: {
    "steve": "Steve Boberson",
    "bob": "Bob Jimmerson",
    "jim": "Jim Stevenson",
}

我发现该对象键将是单元格数据(see the picture)的值,但是可以 与html select相似,我的意思是选择选项文本适用于用户,而值适用于开发人员。

<select>
    <option value="steve">Steve Boberson</option>
</select>


3 个答案:

答案 0 :(得分:0)

我通过自定义格式器解决了此问题。 “ metricList”是一个变量,包含由数据库填充的标签和值。因此这些值在“ metricList”中。

然后,自定义格式检查单元格中是否有值,如果是,则找到该值的标签并返回。

{title:"Metric", field:"metricid", editor:"select", download:false,
            editorParams: {
                values: metricList
            },
            formatter:function(cell, formatterParams, onRendered) {
                if (cell.getValue() > 0) {
                    return metricList.find(obj => obj.value == cell.getValue()).label
                } else {
                    return ""
                }

            }
    },

答案 1 :(得分:0)

您应该使用内置的 lookup 格式化程序来做到这一点:

{title:"Example", field:"example", formatter:"lookup", formatterParams:{
    "small": "Cute",
    "medium": "Fine",
    "big": "Scary",
}}

您可以将相同的对象传递到 formatterParams 中,就像传递到< strong> editorParams

答案 2 :(得分:0)

如果使用自定义格式器将内容重新格式化,以供用户查看,请参见以下链接。

canvas.drawText(percent, posX, posY, mTextPaint);