extjs6写个登录页面
时间: 2023-05-20 22:01:58 浏览: 62
好的,以下是一个简单的 ExtJS 6 登录页面的示例代码:
```
Ext.define('MyApp.view.Login', {
extend: 'Ext.window.Window',
xtype: 'login',
requires: [
'MyApp.view.LoginController',
'Ext.form.Panel'
],
controller: 'login',
bodyPadding: 10,
title: 'Login Window',
closable: false,
items: {
xtype: 'form',
reference: 'form',
items: [{
xtype: 'textfield',
name: 'username',
fieldLabel: 'Username',
allowBlank: false
}, {
xtype: 'textfield',
name: 'password',
inputType: 'password',
fieldLabel: 'Password',
allowBlank: false
}, {
xtype: 'checkbox',
name: 'remember',
fieldLabel: 'Remember me'
}],
buttons: [{
text: 'Login',
formBind: true,
listeners: {
click: 'onLoginClick'
}
}]
}
});
```
这是一个基本的登录窗口,包含一个用户名文本框、一个密码文本框和一个“记住我”的复选框。当用户单击“登录”按钮时,将触发一个名为“onLoginClick”的事件处理程序。您可以在 LoginController.js 文件中实现此事件处理程序,以便在用户单击“登录”按钮时执行相应的操作。