/**
- * A small abstract class that contains the shared behaviour for any summary
- * calculations to be used in the grid.
- * @class Ext.grid.feature.AbstractSummary
+
+
+
+
+ The source code
+
+
+
+
+
+
+
/**
+ * @class Ext.grid.feature.AbstractSummary
* @extends Ext.grid.feature.Feature
- * @ignore
+ * A small abstract class that contains the shared behaviour for any summary
+ * calculations to be used in the grid.
*/
Ext.define('Ext.grid.feature.AbstractSummary', {
@@ -15,7 +31,7 @@ Ext.define('Ext.grid.feature.AbstractSummary', {
/* End Definitions */
- /**
+ /**
* @cfg {Boolean} showSummaryRow True to show the summary row. Defaults to <tt>true</tt>.
*/
showSummaryRow: true,
@@ -23,15 +39,15 @@ Ext.define('Ext.grid.feature.AbstractSummary', {
// @private
nestedIdRe: /\{\{id\}([\w\-]*)\}/g,
- /**
+ /**
* Toggle whether or not to show the summary row.
- * @param {Boolan} visible True to show the summary row
+ * @param {Boolean} visible True to show the summary row
*/
toggleSummaryRow: function(visible){
this.showSummaryRow = !!visible;
},
- /**
+ /**
* Gets any fragments to be used in the tpl
* @private
* @return {Object} The fragments
@@ -46,16 +62,17 @@ Ext.define('Ext.grid.feature.AbstractSummary', {
return fragments;
},
- /**
+ /**
* Prints a summary row
* @private
* @param {Object} index The index in the template
* @return {String} The value of the summary row
*/
printSummaryRow: function(index){
- var inner = this.view.getTableChunker().metaRowTpl.join('');
+ var inner = this.view.getTableChunker().metaRowTpl.join(''),
+ prefix = Ext.baseCSSPrefix;
- inner = inner.replace('x-grid-row', 'x-grid-row-summary');
+ inner = inner.replace(prefix + 'grid-row', prefix + 'grid-row-summary');
inner = inner.replace('{{id}}', '{gridSummaryValue}');
inner = inner.replace(this.nestedIdRe, '{id$1}');
inner = inner.replace('{[this.embedRowCls()]}', '{rowCls}');
@@ -69,24 +86,29 @@ Ext.define('Ext.grid.feature.AbstractSummary', {
});
},
- /**
+ /**
* Gets the value for the column from the attached data.
* @param {Ext.grid.column.Column} column The header
* @param {Object} data The current data
* @return {String} The value to be rendered
*/
- getColumnValue: function(column, data){
- var comp = Ext.getCmp(column.id),
- value = data[column.dataIndex],
- renderer = comp.summaryRenderer || comp.renderer;
-
+ getColumnValue: function(column, summaryData){
+ var comp = Ext.getCmp(column.id),
+ value = summaryData[column.id],
+ renderer = comp.summaryRenderer;
+
if (renderer) {
- value = renderer.call(comp.scope || this, value, data, column.dataIndex);
+ value = renderer.call(
+ comp.scope || this,
+ value,
+ summaryData,
+ column.dataIndex
+ );
}
return value;
},
- /**
+ /**
* Get the summary data for a field.
* @private
* @param {Ext.data.Store} store The store to get the data from
@@ -94,7 +116,7 @@ Ext.define('Ext.grid.feature.AbstractSummary', {
* be passed to the stores aggregate function.
* @param {String} field The field to aggregate on
* @param {Boolean} group True to aggregate in grouped mode
- * @return {Mixed} See the return type for the store functions.
+ * @return {Number/String/Object} See the return type for the store functions.
*/
getSummary: function(store, type, field, group){
if (type) {
@@ -121,4 +143,6 @@ Ext.define('Ext.grid.feature.AbstractSummary', {
}
});
-