Wie Sie die Gruppe SAPUI5 OData, bevor binden, zu kontrollieren auf client-Seite?

Habe ich einen odata-Liste beispielsweise in JSON-notation:

var data = [
 {"category" : "A", "value" : 1, "group" : "x"},
 {"category" : "B", "value" : 2, "group" : "y"},
 {"category" : "C", "value" : 3, "group" : "x"},
 {"category" : "A", "value" : 4, "group" : "y"},
 {"category" : "A", "value" : 5, "group" : "x"}
];

Zunächst Filtere ich gegen group == x; Werte Links sind:

var data = [
 {"category" : "A", "value" : 1, "group" : "x"},
 {"category" : "C", "value" : 3, "group" : "x"},
 {"category" : "A", "value" : 5, "group" : "x"}
];

Nun würde ich die Gruppe (auf client Seite) durch die Kategorie und die Summe der Werte, so sollte das Ergebnis sein:

var data = [
 {"category" : "A", "value" : 6, },
 {"category" : "C", "value" : 3, },
];

Danach würde ich binden Sie das Modell um einige SAPUI5 Kontrolle.

Aber die Gruppierung Teil scheint nicht möglich.

Weiss einer eine generische Lösung für das problem?

Einen potentiellen Anwendungsfall:

var oDataset = new sap.viz.ui5.data.FlattenedDataset({
    dimensions : [ {axis : 1, value : "{category}", name : "Category" } ],
    measures : [ {value : "{value}", name : "Value" } ],
    data : {
        path : "/Data"
    }
});

var oGraph = new sap.viz.ui5.Donut({
    dataset : oDataset, //sap.viz.ui5.data.Dataset
});

InformationsquelleAutor user3783327 | 2014-06-27

Der folgende code funktioniert für mich. Abfrage Nordwind Order_Details service für ein paar Produkte, die über eine generische Bindung, map reduzieren, die zurückgegeben Bindungen und insgesamt die Menge der einzelnen, um die gesamte Menge verkauft, zeigen die Ergebnisse in ein Säulendiagramm.

sehen jsBin-Beispiel

Hinweis sap.viz stellt Array.der Prototyp.map und Array.der Prototyp.reduce-Funktionen

var sURI = 'http://services.odata.org/Northwind/Northwind.svc/';
var oDataModel = new sap.ui.model.odata.ODataModel(sURI, true);
oDataModel.setSizeLimit(10000);
var oJSONModel = new sap.ui.model.json.JSONModel({}, 'jmodel');

//handle list of contexts
var handler = function(oEvent) {
    var mapCallback = function(oContext) {
        var obj = {};
        obj.ProductID = oContext.getObject().ProductID,
        obj.Quantity = oContext.getObject().Quantity
        return obj;
    };

    var reduceCallback = function(aPrev, oCurr) {
        var aNext = aPrev;
        var bFound = false;

        aNext.forEach(function(item) {
            if (item.ProductID === oCurr.ProductID) {
                bFound = true;
                item.Quantity += oCurr.Quantity;
            }
        })

        if (bFound === false) {
            aNext.push(oCurr);
        }

        return aNext;
    };
    //release handler
    oBindings.detachChange(handler);

    var aTotals = oEvent.oSource.getContexts().map(mapCallback).reduce(reduceCallback, []);
    oJSONModel.setData({
        'Order_Totals': aTotals
    });
};

//Filter all orders by 3 products
var oFilter1 = new sap.ui.model.Filter("ProductID", sap.ui.model.FilterOperator.EQ, '1');
var oFilter2 = new sap.ui.model.Filter("ProductID", sap.ui.model.FilterOperator.EQ, '68');
var oFilter3 = new sap.ui.model.Filter("ProductID", sap.ui.model.FilterOperator.EQ, '11');
var aFilter = [oFilter1, oFilter2, oFilter3];

//Sort by ProductID
var oSorter = new sap.ui.model.Sorter("ProductID", false, true);

//Reduce the returned payload by nominating need fields
var oSelect = {
    select: 'ProductID,Quantity'
}

var oBindings = oDataModel.bindList("/Order_Details", null, oSorter, aFilter, oSelect);

//call OData service and handle results
oBindings.attachChange(handler);
oBindings.getContexts();

var oDataset = new sap.viz.ui5.data.FlattenedDataset({
    dimensions: [{
        axis: 1,
        name: 'ProductID',
        value: "{ProductID}"
    }],
    measures: [{
        name: 'Quantity Sold',
        value: '{Quantity}'
    }],
    data: {
        path: "/Order_Totals"
    }
});

var oColumnChart = new sap.viz.ui5.Column({
    width: "80%",
    height: "400px",
    plotArea: {
        'colorPalette': d3.scale.category20().range()
    },
    title: {
        visible: true,
        text: 'Qutantity Sold by Product'
    },
    dataset: oDataset
});

oColumnChart.setModel(oJSONModel);

InformationsquelleAutor Jasper_07

Für Ihr Endergebnis habe ich geschrieben, ein code. Es ist zwar nicht vollständig optimiert, aber es funktioniert gut.

Hier ist Ihre vollständige code

var data = [
 {"category" : "A", "value" : 1, "group" : "x"},
 {"category" : "B", "value" : 2, "group" : "y"},
 {"category" : "C", "value" : 3, "group" : "x"},
 {"category" : "A", "value" : 4, "group" : "y"},
 {"category" : "A", "value" : 5, "group" : "x"}
];

function groupBy( array , f )
{
  var groups = {};
  array.forEach( function( o )
  {
    if(o.group=="x")
    {
        var group = JSON.stringify( f(o) );
        groups[group] = groups[group] || [];
        groups[group].push( o );
    }

  });
  return Object.keys(groups).map( function( group )
  {
    return groups[group]; 
  })
}
var groupByGroup = groupBy(data, function(item)
{
  return [item.group];
});
var groupByCategory = groupBy(groupByGroup[0], function(item)
{
  return [item.category];
});
getData(groupByCategory);

function getData(groupByCategory)
{
  var  finalData=[];
    for(var i=0;i< groupByCategory.length;i++)
    {
    var temp=0;
        for(var j=0;j<groupByCategory[i].length;j++)
        {
            temp+=parseInt(groupByCategory[i][j].value);
        }
        finalData.push({"category":groupByCategory[i][0].category, "value":temp})
    }
    console.log(finalData);//final data is your required results
}

Wenn Sie wollen, vergleichen mithilfe von zwei parameter .Angenommen, Sie wollen zu vergleichen von der Kategorie als auch als Gruppe dann in groupByGroup Funktion, die Sie schreiben müssen wie folgt

 groupByCategory = groupBy(groupByGroup[0], function(item)
  {
    return [item.category,item.group];
  })

entfernen und wenn(o.Gruppe=="x") von groupBy-Funktion.
Dieses problem kann leicht gelöst werden mit Unterstrich.js.Für Hilfe finden Sie unter dieser Frage