UAS2.0_DEV_TEST/app/view/grid/summary/summary3.js

/**
 * 服务端计算合计栏
 */
Ext.define('uas.view.grid.summary.Summary3', {
    extend: 'Ext.grid.Panel',
    xtype: 'summary3',
    controller: 'basic-grid',

    requires: [
        'uas.view.grid.basic.PanelController',
        'uas.data.Company',
        'uas.model.Company',
        'uas.store.Companies'
    ],

    features: [{
        ftype: 'summary',
        fixed: true,
        remoteRoot: 'summary'
    }],

    bbar: {
        xtype: 'pagingtoolbar',
        displayInfo: true
    },

    store: {
        type: 'companies',
        pageSize: 10,
        remoteSort: true
    },

    columns: [{
        text: 'Company',
        width: 600,
        dataIndex: 'name',
        summaryType: 'count',
        summaryRenderer: function(value, summaryData, dataIndex) {
            return Ext.String.format('共有{0}条数据', value);
        }
    }, {
        text: 'Price',
        width: 150,
        formatter: 'usMoney',
        dataIndex: 'price',
        summaryType: 'average',
        summaryRenderer: function(value, summaryData, dataIndex) {
            return Ext.String.format('平均价格：{0}', Ext.util.Format.usMoney(value));
        }
    }, {
        text: 'Change',
        width: 80,
        renderer: 'renderChange',
        dataIndex: 'priceChange'
    }, {
        text: '% Change',
        width: 100,
        renderer: 'renderPercent',
        dataIndex: 'priceChangePct'
    }, {
        text: 'Last Updated',
        width: 115,
        formatter: 'date("m/d/Y")',
        dataIndex: 'priceLastChange'
    }, {
        xtype: 'actioncolumn',
        width: 50,
        menuDisabled: true,
        sortable: false,

        items: [{
            iconCls: 'x-fa fa-check green',
            handler: 'onApprove'
        }, {
            iconCls: 'x-fa fa-ban red',
            handler: 'onDecline'
        }]
    }]
});