コードは以下です。
私がやろうとしているのは、ログインコントローラーからログインビューをロードすることだけです。しかし、ログイン コントローラが正しく読み込まれていないことがわかりました。launch() も init() も呼び出されません。誰でも親切に助けてもらえますか?
前もって感謝します!!
app/app.js
Ext.Loader.setConfig({
disableCaching: false,
enabled: true
});
Ext.application({
name: 'KangasK',
models: [],
stores: [],
controllers: [
'Login'
],
views: [
],
launch: function() {
alert('launch app');
}
});
アプリ/コントローラー/Login.js
Ext.define('KangasK.controller.Login', {
extend: 'Ext.app.Controller',
views: ['Login'],
stores: [],
config: {
refs: {
loginBtn: '#loginBtn'
},
control: {
loginBtn: {
tab: 'login'
}
},
init: function() {
alert('init')
},
launch: function() {
alert('launch login');
}
}
});
アプリ/ビュー/Login.js
Ext.define('KangasK.view.Login', {
extend: 'Ext.form.Panel',
alias: 'widget.loginview',
config: {
items: [
{
xtype: 'fieldset',
title: 'Login',
items: [
{
xtype: 'textfield',
placeHolder: 'Username',
itemId: 'username',
name: 'username',
required: true
},
{
xtype: 'passwordfield',
placeHolder: 'Password',
itemId: 'password',
name: 'password',
required: true
}
]
},
{
xtype: 'button',
itemId: 'logInButton',
ui: 'action',
padding: '10px',
text: 'Login'
}
]
}
});
PS: ブラウザでは、app/controller/Login.js がロードされていることを示していますが、app/view/Login.js はロードされていません。