Javascript 如何在ExtJS 4中要求登录视图

我在此文件夹结构中有以下文件：

-应用程序
--查看
---Login.js
---Viewport.js
--app.js
-extjs
-index.html

Login.js

Viewport.js:

app.js

这只显示面板，不显示登录表单

我试图通过添加以下内容来解决此问题：

到我的viewport.js代码。但随后屏幕上什么也没出现

---

如何将登录视图加载到我的视口中？

在Login.js中添加一个配置，如下所示

 xtype: 'Login'

---

将登录文件添加到视口的正确方法是需要：['Bpp.view.login']而不是需要：['app.view.login']

2.还需要将me.callParent（）方法添加到登录

---

3.在调用之前的视口中，父方法需要添加Ext.create（'Bpp.view.Login'）.show（）方法。

您是否尝试过

要求：['BBP.view.Login']

？我会重新考虑您的方法。通过将登录窗口（考虑到如何使用它，这是一个需要扩展的奇数类）烘焙到视口的items配置中，基本上每次渲染视口时都需要显示该视图。但是如果用户已经登录了呢？我建议延迟创建视口，直到完成必要的登录检查之后……如果用户未登录，请显示登录窗口，然后在登录成功后创建视口。如果用户已经登录，只需创建视口，不要干扰登录。我确实尝试过，但没有解决方案。我想我会重新考虑申请的方式。我有很多东西要学。

别名：widget.foo

也做同样的事情。

Ext.define('BBP.view.Viewport', {
extend: 'Ext.container.Viewport',
layout: 'fit',

items:[{
     xtype:'panel',
     title:'Brievenbusprofiel',
     items:[{
             xtype: 'Login'
     }]
}],

initComponent: function() {
   var me = this;

   me.callParent(arguments);
}

});

Ext.Loader.setConfig({
enabled: true
});

Ext.application({
name: 'BBP',
appFolder: 'app',
autoCreateViewport: true,
views: [
    'Login'
],
launch: function() {}
});

requires:['app.view.Login'],

 xtype: 'Login'