UAS2.0_DEV_TEST/app/view/grid/mergeColumn/MergeColumnGrid.js

/*
 * @Description: 
 * @Author: hy
 * @Date: 2019-08-12 17:59:33
 * @LastEditTime: 2019-08-15 14:24:07
 */
Ext.define('uas.view.grid.mergeColumn.MergeColumnGrid', {
    extend: 'Ext.grid.Panel',
    xtype: 'mergeColumnGrid',
    columnLines: true,

    store: {
        type: 'companies',
        sorters: {
            property: 'name',
            direction: 'DESC'
        }
    },

    columns: [{
        text: 'Company',
        dataIndex: 'name',

        flex: 1,
        sortable: true
    }, {
        text: 'Stock Price',

        columns: [{
            text: 'Price',
            dataIndex: 'price',

            width: 75,
            sortable: true,
            formatter: 'usMoney'
        }, {
            text: 'Change',
            dataIndex: 'priceChange',

            width: 80,
            sortable: true,
            renderer: 'renderChange'
        }, {
            text: '% Change',
            dataIndex: 'priceChangePct',

            width: 100,
            sortable: true,
            renderer: 'renderPercent'
        }]
    }, {
        text: 'Last Updated',
        dataIndex: 'priceLastChange',

        width: 115,
        sortable: true,
        formatter: 'date("m/d/Y")'
    }]
});