extJs学习基础2

浏览数：25 / 时间：2015年06月09日

一个登陆界面:

 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();