Question

我想使用100. * df.age.value_counts() / len(df.age)创建一个非常简单的透视网格。我现在拥有的是ExtJS 6库本身和ExtJS 6包，其中包含与Pivot Grid相关的内容。在过去，当有pg-6.0.2版本时，有一些不错的documentation，它解释了如何将数据透视网格文件链接到索引页面：

{pivotFolder} /packages/PivotGrid/build/PivotGrid.js

{pivotFolder} /包/ PivotGrid /建造/ {THEMENAME} /resources/PivotGrid-all.css

现在，Extjs 5的结构本质上是不同的。事实上，不再有pg-6.0.2，但有build/PivotGrid.js之类的东西。这是我们需要的吗？我不确定。此外，如果有人可以提供一个非常小巧的例子，展示如何编码透视网格（让它只是一列和一行数据），那将是非常好的。此代码可作为起点：

build/pivot.js

索引页应该如何？

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: [{
                   // I want to add here a pivot grid
                }]                
            }]
        });
        this.callParent(arguments);
    }
});

修改

我的根<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> // what else I should link ???文件如下所示：

app.js

我在索引文件中尝试了这个：

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
});

但是，当我加载我在控制台中看到的页面时，找不到很多文件。这一个 - ＆＃34; /Ext/exporter/Excel.js"。而这一个 - ＆＃34; Ext / ux / ajax / JsonSimlet.js＆＃34;。因此页面被破坏了。我不知道如何解决所有这些问题，我希望还有一些更具说明性的＆＃34;有关Pivot Grid的官方Sencha文档中的示例。

修改我希望such示例还包含索引页面源代码。否则，如果您不知道如何链接所有内容，则其余代码对您没用。

ExtJS 6.如何在没有cmd的情况下创建简单的透视网格

0 个答案: