Проблема при изменении окна просмотра в sencha - PullRequest
Новая
       0

Проблема при изменении окна просмотра в sencha

0 голосов
/ 28 сентября 2011

Я очень новичок в работе с сенсорной рамкой Sencha.Я пытаюсь работать с окном просмотра, но я застрял со странной проблемой.он выдает «Uncaught TypeError: Невозможно прочитать свойство 'isComponent' с неопределенным исключением. Я знаю, что этот вопрос может быть немного необычным, но мне нужно как-то разрешить это.

У меня есть файл сценария Java, где у меня есть экран входа в систему.

var App = new Ext.Application({
    name: 'MyApp',
    useLoadMask: true,
    launch: function () {        

     MyApp.views.loginPanel = new Ext.form.FormPanel({
            scroll: 'vertical',           
            standardSubmit : false,
            items: [
                {
                    xtype: 'fieldset',                  
                    instructions: 'Please enter the information above.',
                    defaults: {
                        required: true,
                        labelAlign: 'left',
                        labelWidth: '50%',
                        labelHeight: '50%'
                    },
                    items: [
                    {
                        xtype: 'textfield',
                        name : 'username',
                        id: 'username',
                        label: 'user Name',
                        useClearIcon: true,
                        autoCapitalize : false
                    }, {
                        xtype: 'passwordfield',
                        name : 'password',
                        id: 'password', 
                        label: 'Password',
                        useClearIcon: false
                      } 
                   ]
                }
            ],
            dockedItems: [{             
                xtype: 'toolbar',
                dock: 'top',
                title: 'Login Screen'               
                },
                {
                    xtype: 'toolbar',
                    dock: 'bottom',
                    items: [{
                            text: 'Exit',
                            ui: 'confirm',
                            handler: function() {
                                form.exit();
                            }
                        },                       
                        {xtype: 'spacer'},
                        {
                            text: 'Reset',
                            handler: function() {
                                form.reset();
                            }
                        },                       
                        {
                                text: 'Login',
                                ui: 'action',
                                handler: function() {
                                    //TODO: handle the event
                                    MyApp.views.viewport.setActiveItem('nextScreen', { type: 'slide', direction: 'right' });
                                }                                                                           
                        }                     
                    ]
                }
            ]
        });


        MyApp.views.viewport = new Ext.Panel({
            fullscreen: true,
            layout: 'card',
            cardAnimation: 'slide',
            items: [MyApp.views.loginPanel, MyApp.views.nextScreen]
        })
    }
});

Теперь у меня есть файл nextScreen.js. Я загружаю файл JS в файл login.html.

Мой файл nextScreen.js выглядит следующим образом: 

    var opt = [
        {text: 'Alabama',  value: 'AL'},
        {text: 'Alaska', value: 'ALS'},
        {text: 'Indiana',  value: 'IN'}
    ];


var stateList = new Ext.form.Select({
    label : 'State',
    width: '100%',
    name: 'selectField',
    layout:'auto',
    options: opt,
    autoLoad : true,
    autoDestroy : true
});


MyApp.views.nextScreen =  new Ext.Panel({
            fullscreen: true,
            id:'nextScreen',
            layout: 'fit',
            style: 'background-color:white',
            scroll:'vertical',          
            html:'sample screen',   
            items: [stateList]      
    }); 
Ext.reg('nextScreen', MyApp.views.nextScreen);

Ответы [ 2 ]

2 голосов
/ 28 сентября 2011

Вам не нужно Ext.reg('nextScreen', MyApp.views.nextScreen); в вашем коде.Проверьте, когда вы загружаете файл nextScreen.js.Он должен стоять перед вашим основным файлом JS - файлом, в котором находится переменная App.

В любом случае, я не уверен, как выглядит все приложение в целом, но вы можете пересмотреть архитектуру вашего приложения.

0 голосов
/ 28 сентября 2011

Во-первых, вторым параметром Ext.reg должна быть функция конструктора, а не экземпляр. Чтобы создать конструктор на основе Ext.Panel, вы можете сделать что-то вроде

MyApp.views.nextScreen = Ext.apply( Ext.Panel,{ fullscreen: true, id:'nextScreen', layout: 'fit', style: 'background-color:white', scroll:'vertical',<br> html:'sample screen',<br> items: [stateList]<br> });

Не похоже, что вам нужно создавать собственный тип компонента, так что вы, вероятно, можете пропустить вызов Ext.reg.

...