AdvancedDataGrid total sum of branch nodes

Question

Introduction: I have an AdvancedDataGrid displaying hierarchical data illustrated by the image below:

The branch nodes "Prosjekt" and "Tiltak" display the sum of the leaf nodes below.

Problem: I want the root node "Tavle" to display the total sum of the branch nodes below. When i attempted to do this by adding the same SummaryRow the sum of the root node was not calculcated correctly(Every node's sum was calculated twice).

dg_Teknikktavles = new AutoSizingAdvancedDataGrid();
            dg_Teknikktavles.sortExpertMode="true";
            dg_Teknikktavles.headerHeight = 50;
            dg_Teknikktavles.variableRowHeight = true;

            dg_Teknikktavles.addEventListener(ListEvent.ITEM_CLICK,dg_TeknikktavlesItemClicked);
            dg_Teknikktavles.editable="false";
            dg_Teknikktavles.percentWidth=100;
            dg_Teknikktavles.minColumnWidth =0.8;
            dg_Teknikktavles.height = 1000;
            var sumFieldArray:Array = new Array(context.brukerList.length);

            for(var i:int = 0; i < context.brukerList.length; i++)
            {
            var sumField:SummaryField2 = new SummaryField2();
            sumField.dataField = Ressurstavle.ressursKey + i;
            sumField.summaryOperation = "SUM";
            sumFieldArray[i] = sumField;
            }

            var summaryRow:SummaryRow = new SummaryRow();
            summaryRow.summaryPlacement = "group";
            summaryRow.fields = sumFieldArray;

            var summaryRow2:SummaryRow = new SummaryRow();
            summaryRow2.summaryPlacement = "group";
            summaryRow2.fields = sumFieldArray;

            var groupField1:GroupingField = new GroupingField();
            groupField1.name = "tavle";
            //groupField1.summaries = [summaryRow2];

            var groupField2:GroupingField = new GroupingField();
            groupField2.name = "kategori";
            groupField2.summaries = [summaryRow];
            var group:Grouping = new Grouping();
            group.fields = [groupField1, groupField2];
            var groupCol:GroupingCollection2 = new GroupingCollection2();
            groupCol.source = ressursTavle;
            groupCol.grouping = group;
            groupCol.refresh();

Main Question: How do i get my AdvancedDataGrid's (dg_Teknikktavles) root node "Tavle" to correctly display the sum of the two branch nodes below?

Side Question: How do i add a red color to the numbers of the root node's summary row that exceed 5? E.g the column displaying 8 will exceed 5 in the root node's summary row, and should therefore be marked red

Thanks in advance!

Answer 1

In case someone else has the same problem:

The initial problem that everything was summed twice, was the result of using the same Array of SummaryField2 (sumFieldArray in the code) for both grouping fields(GropingField2 tavle and kategori)

The Solution to the main question: was to create a new array of summaryfields for the root node(in my intial for loop):

    //Summary fields for root node
    var sumFieldRoot:SummaryField2 = new SummaryField2();
    sumFieldRoot.dataField = Ressurstavle.ressursKey + i;
    sumFieldRoot.summaryOperation = "SUM";
    sumFieldArrayRoot[i] = sumFieldRoot;

Answer to the side question: This was pretty much as easy as pointed out by wvxyw. Code for this solution below:

        private function summary_styleFunction(data:Object, col:AdvancedDataGridColumn):Object
        {
            var output:Object;
            var field:String = col.dataField; 
            if ( data.children != null )  
            {  
                if(data[field] >5){
                    output = {color:0xFF0000, fontWeight:"bold"}
                }
                else {
                    output = {color:0x006633, fontWeight:"bold"}
                }
                //output = {color:0x081EA6, fontWeight:"bold", fontSize:14}

            }  


            return output;  
        }