Javascript 如何在绑定到客户端的控件之前对SAPUI5 OData进行分组？_Javascript_Client_Odata_Sapui5

Javascript 如何在绑定到客户端的控件之前对SAPUI5 OData进行分组？

javascript odata sapui5

Javascript 如何在绑定到客户端的控件之前对SAPUI5 OData进行分组？,javascript,client,odata,sapui5,Javascript,Client,Odata,Sapui5,我有一个odata列表，例如JSON表示法： 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"

我有一个odata列表，例如JSON表示法：

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"}
];

首先，我过滤

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

现在，我将（在客户端）按类别分组并总结值，因此结果应该是：
var data = [
 {"category" : "A", "value" : 6, },
 {"category" : "C", "value" : 3, },
];

之后，我会将模型绑定到某个SAPUI5控件
但分组部分似乎不可能
有人知道这个问题的通用解决方案吗
一个潜在的用例：
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
});

对于您的最终结果，我已经编写了一个代码。虽然没有完全优化，但效果很好
这是您的完整代码
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
}

并从groupBy函数中删除if（o.group==“x”）。
使用下划线.js可以轻松解决此问题。有关帮助，请参阅此问题

希望这能对您有所帮助。
下面的代码适合我。通过通用绑定查询两个产品的Northwind Order_Details service，将返回的绑定映射并将每个订单的数量聚合到总销售数量，在柱状图中显示结果

注：sap.viz引入了Array.prototype.map和Array.prototype.reduce功能
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);

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);