脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-ExtJs4.0 登录实例，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 [javascript]
// 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','关于登录正在加载中....');});  
});  

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-ExtJs4.0 登录实例全部内容，希望文章能够帮你解决javascript代码实例教程-ExtJs4.0 登录实例所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。