面板内的网格 extJS (Sencha)

Question

我试图在面板内放置一个网格，（我已经用 2 个不同的视图完成了它，我的意思是，将网格放在一个视图中，并从面板（菜单）视图将其可视化为一个项目）。

但是我需要将它直接放在菜单视图上，我看到有些人用函数将它插入到面板中，但我还不能这样做。

如果有人可以帮助我，我将不胜感激，

谢谢！

这是菜单视图

Ext.define('appBaldas.view.vMenu', {
    extend: 'Ext.tab.Panel',
    defaultType: 'panel',
    defaults: {
        bodyPadding: 25
    },

    requires: [
        'appBaldas.store.sMenu'
    ],

    items: [{
        title: 'TAB 1',

    }, {
        title: 'TAB 2',

    }, {
        title: 'TAB 3',

    }, {
        title: 'TAB 4',

    }],
/* I SAW SOMETHING LIKE THIS BUT IDK HOW TO IMPLEMENT IT
    _grid : function() {
        this.cellEditing = new Ext.grid.plugin.CellEditing({
            clicksToEdit : 1
        });
        return{
    columns: [{ 
        text: 'Name',
        dataIndex: 'prodName',
        width: 700,
    }, {
        text: 'Cod',
        dataIndex: 'cod',
        width: 700 
    }, { 
        text: 'Units',
        dataIndex: 'uds',
        width: 700 
    },
    {
        selectable: {
        checkbox: true
    },

    }],
        },
*/
});

这里是商店

Ext.define('appBaldas.store.sMenu', {
    extend: 'Ext.data.Store',

    alias: 'store.sMenu',

    model: 'appBaldas.model.mMenu',

    
    data: { items: [
        { prodName: 'Prod1', cod: "1", uds: "999" },
        { prodName: 'Prod2', cod: "2", uds: "999" },
        { prodName: 'Prod3', cod: "3", uds: "999" },
        { prodName: 'Prod4', cod: "4", uds: "999" }
    ]},

    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            rootProperty: 'items'
        }
    }
});

这是 Model

Ext.define('appBaldas.model.mMenu', {
    extend: 'Ext.data.Model',
    fields: [
         'prodName', 'cod', 'uds',
    ]
});

如有必要，我还没有实现 controller

Answer 1

您有一个使用 Sencha CMD 或 Open tooling 创建 hello world 应用程序的示例。

菜单视图并在中心打开。 你试过这个吗？