如何在 webix 数据表列中显示数组(多个值)
How to show an array (multiple values) in a webix datatable column
我需要在来自以下结构的 webix 数据表单元格中显示多个值(排名和投票),由 space 分隔为 key:value:
id2: [{"rank":2, "vote":50}, {"rank":3, "vote":10}]
我只想显示上述数组的第一个元素。
我的代码片段在这里:https://webix.com/snippet/ca50874d
我不知道如何在一个单元格中同时显示这两个值。
请帮忙。
谢谢。
我进一步尝试并可以自己找出答案。要显示该数组对象的第一个元素,必须使用 'map' 属性,如下所示:
{ id:"id2", header:"Rank", width:80, map:"#id2[0].rank# : #id2[0].vote# "}
相同的工作片段在这里:https://webix.com/snippet/928bab77
要在单元格中显示多个值,或者如果您想根据您的需要设置值的格式,您只需使用该单元格的模板:
在指定列配置时,您可以为该特定列指定模板,如下所示:
template:function(obj) {
}
每行都会调用此模板,obj 包含行对象。
对于您的示例,您可以指定如下模板:
template:function(obj) {
return obj.column1 +':' + obj.column2;
}
我需要在来自以下结构的 webix 数据表单元格中显示多个值(排名和投票),由 space 分隔为 key:value:
id2: [{"rank":2, "vote":50}, {"rank":3, "vote":10}]
我只想显示上述数组的第一个元素。
我的代码片段在这里:https://webix.com/snippet/ca50874d
我不知道如何在一个单元格中同时显示这两个值。 请帮忙。
谢谢。
我进一步尝试并可以自己找出答案。要显示该数组对象的第一个元素,必须使用 'map' 属性,如下所示:
{ id:"id2", header:"Rank", width:80, map:"#id2[0].rank# : #id2[0].vote# "}
相同的工作片段在这里:https://webix.com/snippet/928bab77
要在单元格中显示多个值,或者如果您想根据您的需要设置值的格式,您只需使用该单元格的模板:
在指定列配置时,您可以为该特定列指定模板,如下所示:
template:function(obj) {
}
每行都会调用此模板,obj 包含行对象。 对于您的示例,您可以指定如下模板:
template:function(obj) {
return obj.column1 +':' + obj.column2;
}