无法让 Tabulator 选择编辑器正常工作答案

【问题标题】：Can't get Tabulator select editor to work correctly无法让 Tabulator 选择编辑器正常工作
【发布时间】：2018-11-22 09:26:01
【问题描述】：

我是制表器的新手，无法让它以正确的格式显示下拉列表数据。

我已经定义了列详细信息：

{
  title: "Status",
  field: "Status",
  width: 150,
  headerFilter: "input",
  editor: "select",
  editorParams: {
    listFormatter: populateStatusList
  }
},

如您所见，listFormatter 调用函数populateStatusList。此函数从已填充的结构中构建一个字符串数组，并从函数返回 array.tostring()。

制表符下拉列表确实显示了字符串，但水平显示在一条长线上，而不是像我期望的那样垂直显示（即它实际上并没有下降）。

谁能帮帮我？

亲切的问候

【问题讨论】：

你写的是“as you can see”，但没有截图。您可以通过将列详细信息格式化为代码块来使问题更具可读性。
我在这个帖子里发帖，希望对你有帮助。 stackoverflow.com/questions/57464360/…

标签： tabulator

【解决方案1】：

listFormatter 应该只用于布局传递到编辑器的列表项，列表中每个项目的值应该传递到 值属性

{title:"Gentlemen", field:"names", editor:"select", editorParams:{
    listFormatter:function(value, title){ //prefix all titles with the work "Mr"
        return "Mr " + title;
    },
    values:{
        "steve":"Steve Boberson",
        "bob":"Bob Jimmerson",
        "jim":"Jim Stevenson",
    }
}}

在上面的示例中，列表格式化程序将创建一个传递给 values 属性的标题列表，并在每个标题前面加上字符串“Mr”

【讨论】：