ExtJS 3.4 & Flexmonster

HTML

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/extjs/3.4.1-1/resources/css/ext-all.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/3.4.1-1/adapter/ext/ext-base-debug.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/3.4.1-1/ext-all-debug.js"></script>
  
<script type="text/javascript" src="https://cdn.flexmonster.com/flexmonster.js"></script>

JavaScript

Ext.onReady(function () {

	var container = new Ext.Container({
    	xtype: 'container',
      id: 'pivotContainer',
      anchor: '100% 100%'
  });
  
  container.on('afterlayout', initPivotGrid, this, {single: true});

	var panel = new Ext.Panel({
      renderTo: Ext.getBody(),
      layout: 'fit',
      title: 'Flex it',
      items: container
	});
  
  function initPivotGrid() {
  	var pivot = new Flexmonster({
      container: "pivotContainer",
      componentFolder: "https://cdn.flexmonster.com/",
      global: {
        localization: "loc/fr.json"
      },
      report: {
        dataSource: {
          dataSourceType: "csv",
          filename: "data/data-en.csv"
        },
        options: {
          configuratorActive: false
        }
      },
      width: "100%",
      height: 430,
      toolbar: true
    });
  }

});