学习ExtJS中,最近通过tomcat认证LDAP,利用
<form method="POST" action="j_security_check">
Username : <input type="text" size="15" maxlength="25" name="j_username"><br><br>
Password : <input type="password" size="15" maxlength="25" name="j_password"><br><br>
<input value="Login" type="submit"> <input value="Clear" type="reset">
</form>
可以实现认证,然后用ExtJS编写了登陆界面没问题,但是提交表单的时候就会出错,下面是代码,才接触ExtJS,所以猜测是不是submit提交的数据格式不一样不对才会这样的?应该怎么改啊? Ext.onReady(function(){
var window = new Ext.Window({
title: 'Login',
frame: true ,
width: 260,
items: [
{ xtype: 'form',
items: [{
xtype: 'textfield',
fieldLabel: 'UserID',
name: 'j_username',
width: 230,
labelWidth: 65,
padding: '5,0,0,0'
},{
xtype: 'textfield',
fieldLabel: 'PassWord',
name: 'j_password',
inputType: 'password',
width: 230,
labelWidth: 65,
padding: '5,0,0,0'
}],
buttons: [{
text: 'login',
handler: function(){
var form = this.up('form').getForm();
form.submit({
url: 'j_security_check',
method: 'POST'
});
}
},{
text: 'register',
handler: function(){alert('please wait for some days');}
},{
text: 'help',
arrowAlign: 'right',
menu:[{
text: 'forget password',
listeners: {
click: function(){alert('oh i feel sorry');}
}
},{
text: 'call me',
listeners: {
click: function(){alert('call me');}
}
}]
}]
}]
});
window.show();
});Ext JS
<form method="POST" action="j_security_check">
Username : <input type="text" size="15" maxlength="25" name="j_username"><br><br>
Password : <input type="password" size="15" maxlength="25" name="j_password"><br><br>
<input value="Login" type="submit"> <input value="Clear" type="reset">
</form>
可以实现认证,然后用ExtJS编写了登陆界面没问题,但是提交表单的时候就会出错,下面是代码,才接触ExtJS,所以猜测是不是submit提交的数据格式不一样不对才会这样的?应该怎么改啊? Ext.onReady(function(){
var window = new Ext.Window({
title: 'Login',
frame: true ,
width: 260,
items: [
{ xtype: 'form',
items: [{
xtype: 'textfield',
fieldLabel: 'UserID',
name: 'j_username',
width: 230,
labelWidth: 65,
padding: '5,0,0,0'
},{
xtype: 'textfield',
fieldLabel: 'PassWord',
name: 'j_password',
inputType: 'password',
width: 230,
labelWidth: 65,
padding: '5,0,0,0'
}],
buttons: [{
text: 'login',
handler: function(){
var form = this.up('form').getForm();
form.submit({
url: 'j_security_check',
method: 'POST'
});
}
},{
text: 'register',
handler: function(){alert('please wait for some days');}
},{
text: 'help',
arrowAlign: 'right',
menu:[{
text: 'forget password',
listeners: {
click: function(){alert('oh i feel sorry');}
}
},{
text: 'call me',
listeners: {
click: function(){alert('call me');}
}
}]
}]
}]
});
window.show();
});Ext JS
上面是报的错误和我看的里面的一些内容,不是很懂,不过感觉是post成功,并响应了,貌似是返回数据格式不对,求指点
不过报错的地方貌似不在你贴的代码里面。
我不知道你27行this.up方法在哪里,所以你先尝试做以下动作。第10行添加ID :id:'_myForm',
注释释掉27行;
然后在28行添加:var form = Ext.getCmp('_myFrom').getForm();