extJs学习基础2

一个登陆界面:

 1 Ext.onReady(function(){
 2
 3             Ext.define(‘Login‘,  {
 4                 //renderTo: Ext.getBody(),
 5                 extend: ‘Ext.window.Window‘,
 6                 closable: false,
 7                 resizable : false,
 8                 modal: true,
 9                 //draggable: false,
10                 autoShow: true,
11                 title: ‘用户登录---OA办公系统‘,
12                 items:[{
13                     xtype:‘form‘,//父窗体
14                     reference: ‘form‘,
15                     bodyPadding: 20,
16                     items:[{
17                         xtype: ‘textfield‘,
18                         name: ‘username‘,
19                         labelWidth: 50,
20                         fieldLabel: ‘用户名‘,
21                         allowBlank: false,
22                         emptyText: ‘用户名或邮箱地址‘
23                       },{
24                         xtype: ‘textfield‘,
25                         name: ‘password‘,
26                         labelWidth: 50,
27                         inputType: ‘password‘,
28                         fieldLabel: ‘密  码‘,
29                         allowBlank: false,
30                         emptyText: ‘请输入您的密码‘
31                       }]
32                 }],
33                 buttons: [{
34                             name: ‘registbutton‘,
35                             text: ‘用户注册‘,
36                           },{
37                             name: ‘loginbutton‘,
38                             text: ‘用户登录‘,
39                             region: ‘center‘,
40
41                           }]
42               }
43             );
44
45             var log = new Login();
46             log.show();