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: ,
                     items:[{
                         xtype: 'textfield',
                         name: 'username',
                         labelWidth: ,
                         fieldLabel: '用户名',
                         allowBlank: false,
                         emptyText: '用户名或邮箱地址'
                       },{
                         xtype: 'textfield',
                         name: 'password',
                         labelWidth: ,
                         inputType: 'password',
                         fieldLabel: '密  码',
                         allowBlank: false,
                         emptyText: '请输入您的密码'
                       }]
                 }],
                 buttons: [{
                             name: 'registbutton',
                             text: '用户注册',
                           },{
                             name: 'loginbutton',
                             text: '用户登录',
                             region: 'center',  

                           }]
               }
             ); 

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