Question

我的 app.js

Ext.application( {
    name: 'rgpd',
    appFolder: 'app',
    controllers: [
        'cMain'
    ],
    autoCreateViewport: true,
    init: function() {
    },
    launch: function(){
    }
});

这是我的视口（autoCreateViewport设置为true）（ view / Viewport.js ）

Ext.define('rgpd.view.Viewport', {
    extend: 'Ext.container.Viewport',
    layout: 'border',
    items: [
        {
            xtype: 'tabpanel',
            id: 'Rgpd',
            region: 'center',
            tabPosition: 'left',
            titleRotation: 0,
            tabRotation: 0,
            padding:0,
            margin:0,
            split: true,
            header: {
                layout: {
                    //align: 'stretchmax'
                },
                title: {
                    text: 'RGPD',
                    flex: 0
                },
                glyph: 124,
                items: [
                ]
            },
            items: [
                {
                    xtype: 'exemple',
                    textAlign: 'right',
                    flex: 1,
                },
            ]
        }
    ]
});

最后这是我的例子（ view / Exemple / View.js ）

Ext.define('rgpd.view.Exemple.View', {
    extend: 'Ext.Panel',
    xtype: 'exemple',
    id: "exemple",
    title: "Exemple",
    layout: {
        type: 'border',
        pack: 'stretch',
        align: 'stretch'
    },
    padding:20,
    items: [
        {
            title: 'Hello Ext',
            html: 'Hello! Welcome to Ext JS.'
        }
    ]
});

但我得到一个空白页面。最终目标是显示包含数据库表的所有内容的网格，但我甚至无法显示HTML。某处有错误吗？

修改

这是我的控制器。那么感谢帮助问题来自那里，但我在控制器中的所有模型，商店和视图如何解决？

Ext.define('rgpd.controller.cMain', {
    extend: 'Ext.app.Controller',
    models: [
        'mExemple',
        'mCorpsMetier',
        'mUtilisateur'
    ],
    stores: [
        'sExemple',
        'sCorpsMetier',
        'sUtilisateur'
    ],
    views: [
        'Exemple.View',
        'CorpsMetier.View'
    ],
    init: function() {
        this.control({
        });
    },
    onLaunch: function() {
    },
});

Answer 1

文件 app.js 应该

Ext.application({

    name: 'rgpd',
    appFolder: 'app',

    requires: [
        'rgpd.*'
    ],

    mainView: 'rgpd.view.Viewport',

    controllers: [
        'cMain'
    ],

    autoCreateViewport: true,

    init: function () {

    },

    launch: function () {

    }
});

（添加requires和mainView）

Ext JS应用程序空白页面

1 个答案: