Extjs grid 分页汇总总记录数，使用Ext.grid.feature.Summary 实现汇总总记录数

//实现大体思路是后台传到的前台的store默认比每页实际行数多一条汇总总行数。汇总行取此行内的汇总数值，然后将此行隐藏掉不显示

Ext.define('Ssq.view.report.StorageStock', {
	extend : 'Framework.base.ListView',
	alias : 'widget.storagestock',
	store : 'StorageStocks',
	enablePaging : true,
	enableQuery : true,
	formLabelWidth : 40,

<span style="white-space:pre">	</span>//底部显示汇总行
	features : [{
			ftype : 'summary',
			dock : 'bottom'
		}
	],
	queryItems : [{
			xtype : 'textfield',
			name : 'ItemName',
			fieldLabel : '名称'
		},{
			xtype : 'textfield',
			name : 'Specs',
			fieldLabel : '规格'
		},{
			xtype : 'textfield',
			name : 'PackNo',
			fieldLabel : '包装'
		},{
			xtype : 'textfield',
			name : 'UTNo',
			fieldLabel : '单位'
		}
	],
	columns : [{
			header : '名称',
			dataIndex : 'ItemName',
			flex : 2
		}, {
			header : '规格',
			dataIndex : 'Specs',
			flex : 2
		}, {
			header : '销售区域',
			dataIndex : 'SalesArea',
			flex : 1
		}, {
			header : '工艺',
			dataIndex : 'Craft',
			flex : 1
		}, {
			header : '颜色',
			dataIndex : 'Color',
			flex : 1
		}, {
			header : '厚度',
			dataIndex : 'Ply',
			flex : 1
		}, {
			header : '等级',
			dataIndex : 'Rank',
			flex : 1
		}, {
			header : '包装',
			dataIndex : 'PackName',
			flex : 1
		}, {
			header : '单位',
			dataIndex : 'UTName',
			flex : 1
		}, {
			header : '数量',
			align:'right',
			dataIndex : 'Num',

<span style="white-space:pre">			</span>//取当前store的最后一行的值
			summaryRenderer : function (el,value, summaryData,a,b,data,dataIndex) {
						return data.getAt(data.count()-1).get('Num');//'<b>合计</b>: <font color=blue>'+value.toFixed(2)+'</font>';
					},
			flex : 1
		}
	],

<span style="white-space:pre">	</span>//隐藏掉汇store中总行数的数据行，<span style="font-family: Arial, Helvetica, sans-serif;">x-grid-record-none是自定义的css类//height:0px;display:none;</span>
	viewConfig: {
		getRowClass: function(record, rowIndex, rowParams, store){
			if((rowIndex+1)==store.count())
				return 'x-grid-record-none';
    }
}
});