Пустая страница приложения Ext JS - PullRequest
0 голосов
/ 18 мая 2018

my 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.Где-то ошибка?

edit

вот мой контроллер.Тогда, благодаря помощи, проблема приходит оттуда, но у меня есть все мои модели, магазины и представления в контроллере, как я могу это исправить?

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() {
    },
});

1 Ответ

0 голосов
/ 18 мая 2018

Файл app.js должен понравиться

Ext.application({

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

    requires: [
        'rgpd.*'
    ],

    mainView: 'rgpd.view.Viewport',

    controllers: [
        'cMain'
    ],

    autoCreateViewport: true,

    init: function () {

    },

    launch: function () {

    }
});

(Добавить requires и mainView)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...