2016-04-04 6 views
1

Weiß jemand, ob es eine Möglichkeit gibt, eine benutzerdefinierte Gruppenkopf Vorlage zu erstellen, die Spalten mit aggregierten Daten nach Spalte in dieser Gruppe angezeigt werden soll?kendoui Grid benutzerdefinierte Gruppenkopf mit Spalten

Die Grid-Komponente verwendet Colspan und ich möchte das gesamte Auslösen der Gruppenheadervorlage steuern.

Example of modified HTML showing desired UI

+0

willkommen, bitte, lesen Sie diese http://stackoverflow.com/help/how-to-ask – HCarrasko

Antwort

1

Mit der aktuellen Implementierung von Kendo UI Grid nur die Aggregate aus der gruppierten Spalte kann in der groupHeaderTemplate angezeigt werden.

Sie können auch diesen Beitrag überprüfen: http://www.telerik.com/forums/multiple-aggregates-in-groupheadertemplate

Es gibt keine Abhilfe empfohlen.

Was Sie versuchen können, ist jede gewünschte Summe zu berechnen.

{ field: "groupField", title: "groupField", groupHeaderTemplate: "#= getGroupInfo(data, count) #", hidden: true }, 

..

dataSource: { 
        data: gridData, 
        schema: { model: gridModel }, 
        pageSize: 20, 
        group: { field: "groupField", aggregates: [{ field: "groupFieldId", aggregate: "count" }] } 
       }, 

Und die getGroupInfoFunction:

function getGroupInfo(data, count) { 
      return '<div style="float: right;width: 95%;"><div style="float:left;"><span>Number of units in stock: ' + count + "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Sum1: " + getSum1(data.value) + '</span></div> Sum2:' + getSum2(data.value) + '</div>'; 
     }; 

GetSum1():

function getBatchStatus(id) { 
      var sum;     
      var data = $("#priceChangeTasks").data("kendoGrid").dataSource.data(); 
      for (var i = 0; i < data.length; i++) { 
       if (data[i].groupFieldId== id) { 
        sum += data[i].yoursumfield1; 
       } 
      }    

      return sum; 
     }; 
+0

Ich vermisse immer noch die Fähigkeit zu Kontrolliere die Reihe und Colspans. Um mit den Spalten übereinzustimmen, müsste ich in der Lage sein, die gesamte DOM-Generation der Zeile zu steuern, so dass ich die td-Tags rendern könnte. Zu diesem Zeitpunkt sieht es so aus, als ob nur der HTML-Code nach der Gruppe durch das Expand/Collapse-Icon gesteuert werden kann. –