ExtJs4.0 登录实例

// JavaScript Document
//加载提示框 
Ext.QuickTips.init(); 
//创建命名空间 
Ext.namespace('Ext.ExtJs.Frame'); 
//主应用程序 
Ext.ExtJs.Frame.app = function() { } 
//实例化程序
Ext.extend(Ext.ExtJs.Frame.app, Ext.util.Observable, { 
	//程序头部
     AppTop:new Ext.Panel({ 
            id: 'AppTopId',height: 35,frame:true,bodyStyle:'padding-top:4px',html:'<h3><center>Ext 4.0 Demo</center></h3>' 
						}), 
	//登陆表单 
	 AppMain: new Ext.form.FormPanel({ 
            id: 'AppMainId',defaultType:'textfield',labelAlign:'right',labelWidth:60,bodyStyle:'text-align:center;',frame:true,
			defaults:{allowBlank:false}, 
			items:[{name:'Name',fieldLabel:'登陆账号',blankText:'账号不能为空',emptyText:'必填',anchor:'98%',bodyStyle:'margin-right:10px;'}, 
				   {name:'Psd',inputType:'password',fieldLabel:'登陆密码',blankText:'密码不能为空',maxLength:10,anchor:'98%'}] 
					}), 
	//登陆窗口 
	  AppWin: new Ext.Window({width:250,height:150,closable:false,collapsible:false,resizable:false, 
		defaults:{border:false},buttonAlign:'center',buttons:[{ text:'关于',id:'about'},{text:'登陆',id:'login'}],layout:'column', 
		   items:[{columnWidth:1,items:Ext.getCmp("AppTopId")},{columnWidth:1,items:Ext.getCmp("AppMainId")}] 
					}), 
	//初始化 
	AppInit:function() {this.AppWin.show();} 
			}); 
//程序入口  
Ext.onReady(function() { 
	AppFrame = new Ext.ExtJs.Frame.app(); 
	AppFrame.AppInit(); 
	//登陆按钮事件
	Ext.get('login').on('click',function(){Ext.Msg.alert('message','登录信息中...');}); 
	//关于按钮事件
	Ext.get('about').on('click',function(){Ext.Msg.alert('message','关于登录正在加载中....');}); 
});