Ext.grid.feature.Summary && Ext.grid.feature.Grouping

[igor.astakhov]

can someone show me the correct direction to look into.

I have both of these features on the grid and the Summary shows in every grouping but I only want it to show at the bottom for all of the groupings.

[igor.astakhov]

bump

[cotrariello]

i don't understand the problem. explain better

[igor.astakhov]

I want to have the Ext.grid.feature.GroupingSummary with a row that adds a Row of total summary for all the groupings in my Grid View.

Basically the row that Ext.grid.feature.Summary provides...

I have buttons on grid in toolbar that onclick either group the data or ungroup but the totals need to appear always.
And off course the toggle for the summaries.

If you could help would be super please do.

[aeg]

I have the same problem. I want to have one summary row at the bottom of the grid. But adding the summary feature on a grid with grouping places the summary in each group, and at the bottom of the grid. Any solutions?

[Qanik]

Same problem here.

[igor.astakhov]

is what my friend did to make it work

Ext.define( 'BL.view.abstract.grid.feature.Summary',
    {
        extend : 'Ext.grid.feature.Summary'
        ,id    : 'blsummary'
        ,alias : 'feature.blsummary'

        ,getPrintData: function(index) {
            if( index ) {
                var objGrid = Ext.ComponentQuery.query( '#center-container > blgridpanel' ).pop();
                var objGroupFeature = objGrid.getView().getFeature( 'blgroupingsummary' );
                return objGroupFeature.getPrintData( index );
            }
            return this.callParent(arguments);
        }
        ,printSummaryRow: function(index) {

            if( typeof(index)=='object' ) {
                if( index.collapsedCls ) {
                    return;
                }
                index = undefined;
            }

            var inner = this.view.getTableChunker().metaRowTpl.join('');

            inner = inner.replace('x-grid-row', 'x-grid-row-summary');
            inner = inner.replace('{{id}}', '{gridSummaryValue}');
            inner = inner.replace(this.nestedIdRe, '{id$1}');
            inner = inner.replace('{[this.embedRowCls()]}', '{rowCls}');
            inner = inner.replace('{[this.embedRowAttr()]}', '{rowAttr}');
            inner = Ext.create('Ext.XTemplate', inner, {
                firstOrLastCls: Ext.view.TableChunker.firstOrLastCls
            });

            return inner.applyTemplate({
                columns: this.getPrintData(index)
            });
        }
        // Added "values" argument, for hide grid summary in rows
        ,closeRows: function() {
            return '</tpl>{[this.printSummaryRow(values)]}';
        }
    }
);

what would you do different ( code is good ).

[Qanik]

	/*
	 * Start FIX: Summary + Grouping. Without this fix there would be a summary row under each group
	 * http://www.sencha.com/forum/showthread.php?135442-Ext.grid.feature.Summary-amp-amp-Ext.grid.feature.Grouping
	 */
	Ext.override(Ext.grid.feature.Summary, {
		closeRows: function() {
	        return '</tpl>{[this.recursiveCall ? "" : this.printSummaryRow()]}';
	    }
	});
	Ext.override(Ext.XTemplate, {
		recurse : function(values, reference) {
			this.recursiveCall = true;
			var returnValue = this.apply(reference ? values[reference] : values);
			this.recursiveCall = false;
        	return returnValue;
        }
	});
	/*
	 * End FIX: Summary + Grouping. Without this fix there would be a summary row under each group
	 * http://www.sencha.com/forum/showthread.php?135442-Ext.grid.feature.Summary-amp-amp-Ext.grid.feature.Grouping
	 */

this works for me

[yyogev]

is what my friend did to make it work

Ext.define( 'BL.view.abstract.grid.feature.Summary',
    {
        extend : 'Ext.grid.feature.Summary'
        ,id    : 'blsummary'
        ,alias : 'feature.blsummary'

        ,getPrintData: function(index) {
            if( index ) {
                var objGrid = Ext.ComponentQuery.query( '#center-container > blgridpanel' ).pop();
                var objGroupFeature = objGrid.getView().getFeature( 'blgroupingsummary' );
                return objGroupFeature.getPrintData( index );
            }
            return this.callParent(arguments);
        }
        ,printSummaryRow: function(index) {

            if( typeof(index)=='object' ) {
                if( index.collapsedCls ) {
                    return;
                }
                index = undefined;
            }

            var inner = this.view.getTableChunker().metaRowTpl.join('');

            inner = inner.replace('x-grid-row', 'x-grid-row-summary');
            inner = inner.replace('{{id}}', '{gridSummaryValue}');
            inner = inner.replace(this.nestedIdRe, '{id$1}');
            inner = inner.replace('{[this.embedRowCls()]}', '{rowCls}');
            inner = inner.replace('{[this.embedRowAttr()]}', '{rowAttr}');
            inner = Ext.create('Ext.XTemplate', inner, {
                firstOrLastCls: Ext.view.TableChunker.firstOrLastCls
            });

            return inner.applyTemplate({
                columns: this.getPrintData(index)
            });
        }
        // Added "values" argument, for hide grid summary in rows
        ,closeRows: function() {
            return '</tpl>{[this.printSummaryRow(values)]}';
        }
    }
);

what would you do different ( code is good ).

A much easier way to get the grid grouping feature:

var grouping = this.view.getFeature("grid grouping feature id");

Also, since I have a different implementation of printSummaryRow for grouping summary, I added this before "var inner = ...";

if (index != undefined)
    return this.view.getFeature("grid grouping feature id").printSummaryRow(index);

Thanks Igor & Qanik,

[samlinux]

hi,
can you post a complete example so that we can unterstand it, thanks