Почему Ext.panel.Panel не работает? - PullRequest
Новая
       24

Почему Ext.panel.Panel не работает?

0 голосов
/ 06 декабря 2018

Приложение имеет кнопку, которая вызывает форму входа.Эта форма имеет кнопку, которая вызывает класс Ext.panel.Panel.Я устанавливаю конфигурацию renderTo разными способами (для разных элементов), но когда я тестирую ее, панель не была создана.Отладчик показывает, что функция работает (отладчик останавливается в этой части кода) Что не так?

Форма с Ext.create ('Ext.panel.Panel': 

Ext.define('Foresto.view.forms.LoginRoom', {
extend: 'Ext.form.Panel',
title: 'Enter',
width: 700,
height: 245,
id:'logspace',
fullscreen: true,
layout:'vbox',
header: {
    cls: 'header-cls'

},
scrollable: true,

xtype: 'LoRoom',


tools: [{
    type:'minimize',
    callback: function(){}
},{
    type:'close',
    callback: function(){}
}],

items: [
        {
            //SCROLL DOWN FOR HANDLER
            xtype: 'textfield',
            margin: 6,
            name: 'name',
            label: 'Name',
            labelCls: 'fielddesign',
            value: 'user',
            autoCapitalize: false
        },{
            xtype: 'passwordfield',
            margin: 6,
            name: 'password',
            label: 'Password',
            labelCls: 'textFieldDesign',
            value: 'test'
        },{
            xtype: 'button',
            text:'Enter',
            ui: 'confirm',
            margin: 4



        },{
            xtype: 'button',
            text:'SU',
            margin: 4,
            handler: function(){
                Ext.create('Ext.panel.Panel',{

                    fullscreen:true,

                    title: 'WorkSpace',
                    renderTo: 'logspace'

                });

        }
        }
    ]

})

Main.js: 

//some Main code
getMenuCfg: function(side) {
    return {
        items: [{
            text: 'Looking',
            iconCls: 'x-fa fa-pencil',
            ui:'confirm',
            scope: this,
            handler: function() {
                if (!this.overlay) {
                    this.overlay = Ext.Viewport.add({
                        xtype: 'LoRoom',
                        fullscreen: true,
                        modal: true,
                        hideOnMaskTap: true,
                        showAnimation: {
                            type: 'popIn',
                            duration: 250,
                            easing: 'ease-out'
                        },
                        hideAnimation: {
                            type: 'popOut',
                            duration: 250,
                            easing: 'ease-out'
                        },
                        centered: true,
                        width: Ext.filterPlatform('ie10') ? '100%' : (Ext.os.deviceType == 'Phone') ? 260 : 400,
                        maxHeight: Ext.filterPlatform('ie10') ? '30%' : (Ext.os.deviceType == 'Phone') ? 220 : 400,
                        scrollable: true

                    });
                }

                this.overlay.show();
            }
        }]
    };
}
...