使分组的行在angular-slickgrid中可编辑

Question

在实现angular-slickgrid时，我需要使分组的行(格式化程序:对于组的子行为sum )是可编辑的，然后将值传递给组的子行。如何在保持引用不变的情况下实现这一点？

Answer 1

groupByDurationEffortDrivenPercent() {
    // ${GroupTotalFormatters.sumTotals(g.totals,columns[6])}
    var columns=this.columnDefinitions
    this.dataviewObj.setGrouping([
      {
        getter: 'duration',
        formatter: function(g){

          let ff= JSON.stringify(g.rows)
          let tester=89

          return `Duration:  ${g.value}  <span style="color:green">(${g.count} items)</span><div onclick='x=dissagregate(${ff},this);console.log(x)' class="slick-cell l7 r7">${GroupTotalFormatters.sumTotals(g.totals,columns[6])}</div> 
          <script>
              function dissagregate(x,z,y){
                child=x[0]
                child['cost']=200

                old_value=  parseFloat(y.innerText)

                if(isNaN(old_value)){

                }
                else{

                  var html="<input type='text' value='" + old_value + "' onblur='changeinput(this)'  >"
                  y.removeChild(y.firstChild)
                  y.innerHTML=html


                }
                return x;
               }

              function changeinput(ele){
                var parent= ele.parentNode
                var val = ele.value;
                parent.innerText=val
              }


          </script>

          `;
        },
        aggregators: [
          new Aggregators.Sum('duration'),
          new Aggregators.Sum('cost')
        ],
        aggregateCollapsed: true,
        lazyTotalsCalculation: false,
        displayTotalsRow:false

      },