如何计算和显示每个可树分支的内部元素数量?
How to count and show number of inner elements for every treetable branch?
我有一个分组(按用户姓氏)的 TreeTable (Webix)。这是配置:
columns:[
{ id:"lastname", template:function(obj, common){
return common.icon(obj, common)+obj.lastname
} }
],
scheme:{
$group:{
by:function(obj){
return obj.lastname.substring(0,1); // grouping by first letter
},
map:{
lastname:[function(obj){
return obj.lastname.substring(0,1);
}]
}
}
},
The snippet(同样的配置,另一个数据集)
用map
属性template
显示第一个字母作为分支标题。但我不知道如何显示每个分支中的项目数。像
- 一个(18)
- 乙(5)
等等。这该怎么做?谢谢
您必须自定义列的模板函数,以便对于组中的 obj.$level==1 它显示元素计数 (obj.$count) 以及标题,而对于其他它只显示标题。所需代码如下:
webix.ui({
view:"treetable",
id:"treetable",
columns:[
{
id:"title", header:"Film title", width:250,
template:function(obj, common){
if(obj.$level == 1){
return common.icon(obj, common)+ obj.title + " ( " + obj.$count + " ) " ;
}
else{
return common.icon(obj, common)+ obj.title ;
}
}
}
]
/****Your Code***/
});
我有一个分组(按用户姓氏)的 TreeTable (Webix)。这是配置:
columns:[
{ id:"lastname", template:function(obj, common){
return common.icon(obj, common)+obj.lastname
} }
],
scheme:{
$group:{
by:function(obj){
return obj.lastname.substring(0,1); // grouping by first letter
},
map:{
lastname:[function(obj){
return obj.lastname.substring(0,1);
}]
}
}
},
The snippet(同样的配置,另一个数据集)
用map
属性template
显示第一个字母作为分支标题。但我不知道如何显示每个分支中的项目数。像
- 一个(18)
- 乙(5)
等等。这该怎么做?谢谢
您必须自定义列的模板函数,以便对于组中的 obj.$level==1 它显示元素计数 (obj.$count) 以及标题,而对于其他它只显示标题。所需代码如下:
webix.ui({
view:"treetable",
id:"treetable",
columns:[
{
id:"title", header:"Film title", width:250,
template:function(obj, common){
if(obj.$level == 1){
return common.icon(obj, common)+ obj.title + " ( " + obj.$count + " ) " ;
}
else{
return common.icon(obj, common)+ obj.title ;
}
}
}
]
/****Your Code***/
});