如何在ExtJS中实现弹出登录框.docVIP

如何在ExtJS中实现弹出登录框 2011-04-06 11:24hhd916 | 分类：JavaScript | 浏览428次 %@ Page Language=C# MasterPageFile=~/Default.master AutoEventWireup=true CodeFile=userLogin.aspx.cs Inherits=userLogin Title=Untitled Page %asp:Content ID=Content1 ContentPlaceHolderID=ContentPlaceHolder1 runat=Server script type=text/javascript src=js/ext/ext-base.js/script script type=text/javascript src=js/ext/ext-all.js/script div script type=text/javascript Ext.onReady(function(){ var myMask = new Ext.LoadMask(Ext.getBody(), {msg:Please wait...}); //LoadMask类来执行第一张图所示的效果 myMask.show(); //执行//以下为loginWin 窗口的构造代码，不懂的可以查考一下EXT手册 loginWin=new Ext.Window({ width:300,height:150,title:用户登录,plain:true,closable:true,resizable:false, frame:true,layout:fit,closeAction:hide,border:false,modal:true, items:[ loginForm=new Ext.form.FormPanel({ labelAlign:left,buttonAlign:center,bodyStyle:padding:15px 0 0 15px,frame:true,labelWidth:80, items:[ {xtype:textfield,name:username,fieldLabel:用户名称,allowBlank : false,anchor:90%,enableKeyEvents:true, listeners:{ keypress:function(field,e){ if(e.getKey()==13){ var obj=loginForm.form.findField(username); if(obj) { obj.focus(); } } } }}, {xtype:textfield,inputType:password,name:password,fieldLabel:用户密码,allowBlank : false,anchor:90%,enableKeyEvents:true, listeners:{ keypress:function(field,e){ if(e.getKey()==13){ var obj=loginForm.form.findField(password); if(obj) { obj.focus(); } } } }}], buttons:[ {text:注册,scope:this,handler:function(){document.location.href = Register.aspx}} ,{text:重置,scope:this,handler:function(){loginForm.form.reset()}} ,{id:submitButton,text:登录,scope:this,handler:function(){submit();}}] }) ] }); loginWin.show(); //执行loginWIn 使窗口显示出来 myMask.hide(); //loadMask 隐藏/关闭//下面发送并返回结果 submit=function(){