Kendo UI: Podaj wartości podsumowania siatki w stopce

Question

Korzystając z Siatki Kendo UI i MVC 4, nie byłem w stanie znaleźć sposobu na umieszczenie podsumowań sumarycznych (finansowych) na dole siatki dla wybranych kolumn.

Czy to możliwe?

Answer 1

Tak, rzeczywiście! sprawdź DataSource Aggregate.

Przykład:

var stocksDataSource = new kendo.data.DataSource({ 
    transport:{ 
     read:function (options) { 
     } 
    }, 
    schema :{ 
     model:{ 
      fields:{ 
       name :{ type:"string" }, 
       price:{ type:"number" } 
      } 
     } 
    }, 
    aggregate:[ 
     { field:"price", aggregate:"sum" } 
    ], 
    pageSize :10 
}); 

I zdefiniowano DataSource z dwóch pól: elementy name i price. Chcę zsumować price, więc zdefiniowałem aggregate dla price, a ja zamierzam zrobić to: sum (można również min, max, average i count).

Następnie w Grid kiedy zdefiniować kolumny piszę:

columns :[ 
    { field:"name", title:"Product" }, 
    { field:"price", title:"Price", footerTemplate:"Sum: #= sum # " } 
], 

I to jest to!