extJs学习基础2

一个登陆界面:

Ext.onReady(function(){

            Ext.define('Login',  {  
                //renderTo: Ext.getBody(),
                extend: 'Ext.window.Window',  
                closable: false,  
                resizable : false,  
                modal: true,  
                //draggable: false,  
                autoShow: true,  
                title: '用户登录---OA办公系统',  
                items:[{  
                    xtype:'form',//父窗体  
                    reference: 'form',  
                    bodyPadding: 20,  
                    items:[{  
                        xtype: 'textfield',  
                        name: 'username',  
                        labelWidth: 50,  
                        fieldLabel: '用户名',  
                        allowBlank: false,  
                        emptyText: '用户名或邮箱地址'  
                      },{  
                        xtype: 'textfield',  
                        name: 'password',  
                        labelWidth: 50,  
                        inputType: 'password',   
                        fieldLabel: '密  码',  
                        allowBlank: false,  
                        emptyText: '请输入您的密码'  
                      }]  
                }],  
                buttons: [{  
                            name: 'registbutton',  
                            text: '用户注册',    
                          },{  
                            name: 'loginbutton',  
                            text: '用户登录',    
                            region: 'center',  
                            
                          }]  
              }  
            ); 

            var log = new Login();
            log.show();