javascript - Webix DataTable - 展开对象属性

Question

如果我有以下形式的(JavaScript)对象列表:

var results = [
  {'name': 'mary', 'availability' : { 'monday': 'True', 'tuesday': 'False' ... } },
  {'name': 'john', 'availability' : { 'monday': 'False', 'tuesday': 'False' ... } },
  {'name': 'pete', 'availability' : { 'monday': 'True', 'tuesday': 'True' ... } }
]

如何在 Webix DataTable 中显示此数据，并将 availability 中的每一天作为一列？

我的DataTable配置对象如下所示:

var dtable = webix.ui({
    ....
    view:"datatable",
    id: "nameTable",
    columns:[
        { id: "name",                 header:"Name"},
        { id: "availability.monday",  header:'Mon'},
        { id: "availability.tuesday", header:'Tue'}, 
        ...
    ],
    data:results,
    ...        
});

我也尝试过:id: "availability['mon']" 不起作用或报告任何错误。如果我只是这样做:id:"availability"，在浏览器中我会看到它为每行显示[object Object]。

我也尝试过 autoconfig option但这不会呈现任何内容(没有错误)。

我试图在 the documentation 中找到示例但到目前为止还没有找到。我确信这一定是可能的，而无需重组我的传入数据!

Answer 1

Webix 数据表中没有对复杂属性的 native 支持。不过，您可以使用列对象的"template"属性将数据对象的任何属性显示为列的值。

columns:[
    { id: "col1", template:"#availability.monday#"},