В настоящее время я изучаю Sencha Touch 2.0, и у меня возникла проблема с добавлением xtype под названием test в окно просмотра.
Тестовый класс расширяет «Ext.form.Panel», проблема в том, что на мой взгляд форма не отображается, и сенча также не дает никаких ошибок. Когда я расширяю «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"
}
]
}
]
}
]
}
});
Файл контроллера
//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();
}
});