Webix:自定义页脚数据过滤器

时间:2016-03-07 14:48:21

标签: javascript webix

我使用treetables并实现了自定义数据过滤器。我只想在数据层次结构的第一级进行一些操作。你知道我怎么能做到的?

我将向您展示一些背景信息。在下面的gif中,当我点击打开内部数据级别时,总和(或平均值)会发生变化。高级别计算此信息是错误的一次。

enter image description here

我只需要提出一个条件,这是第一级制作的东西。

这是我目前的代码。

<script>
webix.ui.datafilter.reports = {
   refresh: function(master, node, column){
      trackCells:false,
      refresh: function(master, node, column){
         var result = 0;
         var tipoDeDados = null;

         master.mapCells(null, column.columnId, null, 1, function(value){

            if (tipoDeDados === null) {
               tipoDeDados = defineTipoDeDados(value);
            }

            valorLimpo = removeCaracteresInvalidos(value);

            result += valorLimpo; // here I think that I need the condition
            return value;
         });

         if (tipoDeDados === "porcentagem") {
            node.firstChild.innerHTML = (result/master.count()).toFixed(2).replace('.', ',') + '%';
         } else if (tipoDeDados === "moeda") {
            node.firstChild.innerHTML = 'R$ ' + (result).toFixed(2).replace('.', ',');
         } else if (tipoDeDados === "numerico") {
            node.firstChild.innerHTML = result;
         } else {
            node.firstChild.innerHTML = "";
         }
      },
      render: function(a, b){}
   };
</script>

Webix Docs说我只需要将trackCells设置为false以避免重新加载数据过滤器,但是当我通过ajax加载获取新数据时它无效。

1 个答案:

答案 0 :(得分:0)

使用下面的代码,我得到了我想要的结果。

webix.ui.datafilter.reports = {
   trackCells:false,
   refresh: function(master, node, value){
      var result = 0;
      var numberCellsAtFirstLevel = 0;
      var tipoDeDados = null;

      master.data.each(function(obj) {

         currentValue = obj[value.columnId];

         if (tipoDeDados === null) {
            tipoDeDados = defineTipoDeDados(currentValue);
         }

         valorLimpo = removeCaracteresInvalidos(currentValue);

         if (obj.$level == 1) {
            result += valorLimpo;
            numberCellsAtFirstLevel += 1
         }

         return currentValue;
      });

      if (tipoDeDados === "porcentagem") {
         node.firstChild.innerHTML = (result/numberCellsAtFirstLevel).toFixed(2).replace('.', ',') + '%';
      } else if (tipoDeDados === "moeda") {
         node.firstChild.innerHTML = 'R$ ' + (result).toFixed(2).replace('.', ',');
      } else if (tipoDeDados === "numerico") {
         node.firstChild.innerHTML = result;
      } else {
         node.firstChild.innerHTML = "";
      }
   },
   render: function(a, b){}
};