javascript - ExtJS 6. How to create a simple pivot grid without cmd -


i want create simple pivot grid, using extjs 6. have extjs 6 library , pg-6.0.2 package containing related pivot grid. in past, when there extjs 5 version there nice documentation, explained how link pivot grid files index page:

{pivotfolder}/packages/pivotgrid/build/pivotgrid.js

{pivotfolder}/packages/pivotgrid/build/{themename}/resources/pivotgrid-all.css

now, structure of pg-6.0.2 different. in fact there no build/pivotgrid.js anymore, there build/pivot.js. need? i'm not sure of that. besides, great if provide teeny-weeny example, demonstrating how code pivot grid (let 1 column , 1 row of data). code may serve starting point:

ext.define("mypivot.view.viewport",{     extend: "ext.container.viewport",     layout: "fit",     initcomponent:function(){         ext.apply(this,{             layout:{                 type: "border"             },             items:[{                 region: "center",                                 xtype: "panel",                 title: "my first pivot grid",                 layout: "fit",                 items: [{                    // want add here pivot grid                 }]                             }]         });         this.callparent(arguments);     } }); 

and how index page should like?

 <link rel="stylesheet" href="/ext-6.0.2/build/classic/theme-triton/resources/theme-triton-all.css" type="text/css" />  <script src="/ext-6.0.2/build/ext-all.js"></script>  // else should link ??? 

edit

my root app.js file looks so:

ext.loader.setconfig({enabled:true, disablecaching:true}); ext.loader.setpath('ext.ux', '../ext-6.0.2/packages/ux/classic/src/'); ext.application({     name: 'mypivot',     appfolder: '.',     autocreateviewport: true }); 

and tried in index file:

<html> <head> <link rel="stylesheet" href="/ext-6.0.2/build/classic/theme-neptune/resources/theme-neptune-all.css" type="text/css" /> <script src="/ext-6.0.2/build/ext-all.js"></script> <link rel="stylesheet" href="/pg-6.0.2/ext-addons-6.0.2/packages/pivot/build/neptune/resources/pivot-all.css" type="text/css" /> <script src="/pg-6.0.2/ext-addons-6.0.2/packages/pivot/build/pivot.js"></script> <script src="app.js"></script> </head> <body> </body> </html> 

however, when load page see in console, many files not found. 1 - "/ext/exporter/excel.js". , 1 - "ext/ux/ajax/jsonsimlet.js". , page gets broken. not know how fix , wish there more "illustrative" examples in official sencha documentation concerning pivot grid.

edit wish such examples contained index page source code. otherwise, if not know how link everything, rest code of no use you.


Comments

Popular posts from this blog

magento2 - Magento 2 admin grid add filter to collection -

Android volley - avoid multiple requests of the same kind to the server? -

Combining PHP Registration and Login into one class with multiple functions in one PHP file -