您的位置:首页 > 其它

Ext做的简单登录界面(验证码刷新)

2011-05-13 21:25 459 查看
初学Ext,刚刚用Ext做了个登录界面,其中的验证码刷新出现了问题,试了好久都没好使,后来想起来再jQuery里的ajax方法是异步的,如果每次请求的URL不变的话,就会由缓存来处理请求,所以需要一个时间戳,保证每次请求的URL不同,在这里加了一下时间戳就可以了,我想这里的原理也应该和jQuery的那个是一样的,贴个代码吧
//login.js
/*!
* Ext JS Library 3.3.0
* Copyright(c) 2006-2010 Ext JS, Inc.
* licensing@extjs.com
* http://www.extjs.com/license */
app = {};
Ext.onReady(function(){

Ext.QuickTips.init();

Ext.form.Field.prototype.msgTarget = 'side';

var bd = Ext.getBody();

app.loginFormPanel = new Ext.FormPanel({
labelWidth: 75, // label settings here cascade unless overridden
url:'#',
frame:true,
width: 350,
defaults: {width: 230},
defaultType: 'textfield',

items: [{
fieldLabel: 'User Name',
name: 'user_name',
allowBlank:false
},{
fieldLabel: 'Password',
inputType:'password',
name: 'password',
allowBlank:false
},{
fieldLabel: 'Verification Code',
name: 'veri_code',
allowBlank:false
},{
xtype:'panel',
html:'<div style="padding-left:80px" mce_style="padding-left:80px"><a href="#" mce_href="#"><img alt="如果看不清单击图片更换图片。" onclick="javascript:app.changeCode(this)" id="code" height="30" width="72" src="validateCodeServlet" mce_src="validateCodeServlet" border=0></img></a></div>',
border:false
}
],

buttons: [{
text: 'Save'
},{
text: 'Cancel'
}]
});

app.loginWin = new Ext.Window({
width:400,
height:200,
title:'Login',
plain:true,
closable:false,
resizable:false,
layout:'fit',
closeAction:'hide',
items:[app.loginFormPanel]
});
app.loginWin.show();
app.changeCode = function(obj){
var d = new Date();
obj.src = "validateCodeServlet?d=" + d;
}
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: