如何统计和显示每个treetable分支的内部元素数量?

时间:2016-09-01 17:04:28

标签: javascript html templates grouping webix

我有一个分组(按用户'姓氏)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将第一个字母显示为分支标题。但我无法弄清楚如何显示每个分支中的项目数。像

这样的东西
  • A(18)
  • B(5)

等等。这该怎么做?感谢。

1 个答案:

答案 0 :(得分:1)

你必须自定义列的模板功能,这样对于组中的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***/
});