Как добавить форму xtype sencha touch 2.0 - PullRequest
2 голосов
/ 08 ноября 2011

В настоящее время я учу себя Sencha Touch 2.0, и у меня возникла проблема с добавлением xtype, называемого test, в мое окно просмотра.

Тестовый класс расширяет "Ext.form.Panel", проблема в том, что на мой взгляд ни одна форма не отображается, и sencha также не выдает никаких ошибок. Когда я расширяю "Ext.Panel" и устанавливаю атрибут html, это действительно проявляется. Может кто-нибудь сказать мне, что я делаю не так?

Файл вида

Ext.define('App.view.Viewport', {
extend: 'Ext.viewport.Default',



config: {

    scrollable: true,
    fullscreen:true,
    items:[
        {
            xtype: "panel",
            items: [
                {
                    xtype:"toolbar",
                    title:"Test App"
                },
                {
                    xtype:"panel",
                    items: [
                        {
                            xtype:"test"
                        }
                    ]
                }
            ]
        }
    ]
}

}); * * 1 010

Файл контроллера

   //Define controller name 
Ext.define('App.controller.User', {
    //Extend the controller class
    extend: 'Ext.app.Controller',
    //define associated views with this controller
    views: ['user.Test'],


    init: function()
    {
        //do something and setup listeners

        //setup listeners 

    }


});

Просмотр файла

Ext.define('App.view.user.Test', {
    extend: 'Ext.form.Panel',
    alias: 'widget.test',



    config: {
        items: [
        {
            xtype: 'textfield',
            name: 'name',
            label: 'Name'
        },
        {
            xtype: 'emailfield',
            name: 'email',
            label: 'Email'
        },
        {
            xtype: 'passwordfield',
            name: 'password',
            label: 'Password'
        }
    ]
    },
    initialize: function() {
        console.log('initialize home view');
        this.callParent();
    }
});

Ответы [ 2 ]

0 голосов
/ 29 марта 2012
0 голосов
/ 09 ноября 2011

Просто укажите

xtype: 'test'

в вашем App.view.user.Test определении

...