add extjs 6.0.1 sources

[extjs.git] / extjs / build / examples / kitchensink / classic / samples / view / pivot / DrillDown.js

/**\r
 *\r
 * This example shows how to create a pivot grid and drill down the results.\r
 *\r
 * DblClick a cell to open the drill down window and see all records used to\r
 * aggregate that cell.\r
 *\r
 */\r
Ext.define('KitchenSink.view.pivot.DrillDown', {\r
    extend: 'Ext.pivot.Grid',\r
    xtype: 'drilldown-pivot-grid',\r
\r
    requires: [\r
        'KitchenSink.store.pivot.Sales',\r
        'Ext.pivot.plugin.DrillDown'\r
    ],\r
\r
    title: 'Pivot Grid with DrillDown plugin',\r
    collapsible: true,\r
    multiSelect: true,\r
    height: 350,\r
\r
    store: {\r
        type: 'sales'\r
    },\r
    selModel: {\r
        type: 'spreadsheet'\r
    },\r
\r
    plugins: [{\r
        ptype: 'pivotdrilldown'\r
    }],\r
\r
    // Configure the aggregate dimensions. Multiple dimensions are supported.\r
    aggregate: [{\r
        dataIndex:  'value',\r
        header:     'Sum of value',\r
        aggregator: 'sum',\r
        width:      85\r
    }],\r
\r
    // Configure the left axis dimensions that will be used to generate the grid rows\r
    leftAxis: [{\r
        dataIndex:  'company',\r
        header:     'Company'\r
    },{\r
        dataIndex:  'country',\r
        header:     'Country',\r
        direction:  'DESC'\r
    }],\r
\r
    /**\r
     * Configure the top axis dimensions that will be used to generate the columns.\r
     * When columns are generated the aggregate dimensions are also used. If multiple aggregation dimensions\r
     * are defined then each top axis result will have in the end a column header with children\r
     * columns for each aggregate dimension defined.\r
     */\r
    topAxis: [{\r
        dataIndex:  'year',\r
        header:     'Year'\r
    }, {\r
        dataIndex:  'month',\r
        header:     'Month',\r
        renderer: function(v){ return Ext.Date.monthNames[v]; }\r
    }],\r
\r
    //<example>\r
    otherContent: [{\r
        type: 'Model',\r
        path: 'classic/samples/model/pivot/Sale.js'\r
    },{\r
        type: 'Store',\r
        path: 'classic/samples/store/pivot/Sales.js'\r
    }],\r
    profiles: {\r
        classic: {\r
            width: 600\r
        },\r
        neptune: {\r
            width: 750\r
        }\r
    },\r
    //</example>\r
\r
    initComponent: function () {\r
        var me = this;\r
\r
        me.width = me.profileInfo.width;\r
\r
        me.callParent();\r
    }\r
});\r