Javascript 按ENTER键提交表单int EXT js
我对EXT.js很陌生;当按下ENTER键时,我需要提交表单。下面是我的代码,但我不知道在“密码”字段的侦听器中调用什么。这里是我的代码:即:在侦听器中调用什么函数Javascript 按ENTER键提交表单int EXT js,javascript,extjs,submit,Javascript,Extjs,Submit,我对EXT.js很陌生;当按下ENTER键时,我需要提交表单。下面是我的代码,但我不知道在“密码”字段的侦听器中调用什么。这里是我的代码:即:在侦听器中调用什么函数 <script type="text/javascript"> Ext.onReady(function() { Ext.tip.QuickTipManager.init(); Ext.create("Ext.container.Viewport", { layout: "border"
<script type="text/javascript">
Ext.onReady(function() {
Ext.tip.QuickTipManager.init();
Ext.create("Ext.container.Viewport", {
layout: "border",
rtl: <spring:theme code='theme.rtl' text='false' />
});
Ext.create("Ext.window.Window", {
title: "<spring:message code='title.login' text='Login' />",
height: 310,
width: 450,
closable: false,
layout: "border",
items: [{
xtype: "panel",
border: false,
bodyCls: "login-header",
height: 160,
region: "north"
}, {
id: "<%=loginFormId%>",
url: "<spring:url value='/secure/auth'/>",
xtype: "form",
layout: "form",
region: "center",
bodyPadding: 10,
border: false,
buttons: [{
handler: function() {
var form = this.up("form").getForm();
if (form.isValid()) {
Ext.getCmp("<%=submitBtnId%>").disable();
form.standardSubmit = true;
form.method = "POST";
form.submit();
}
},
id: "<%=submitBtnId%>",
text: "<spring:message code='button.submit' text='Submit' />"
}, {
handler: function() {
var form = this.up("form").getForm();
form.reset();
},
id: "<%=clearBtnId%>",
text: "<spring:message code='button.clear' text='Clear' />"
}],
defaultType: "textfield",
defaults: {
msgTarget: "side",
labelWidth: 100
},
items: [{
fieldLabel: "<spring:message code='input.username' text='Username' />",
name: "selfcare_username"
}, {
fieldLabel: "<spring:message code='input.password' text='Password' />",
name: "selfcare_password",
enableKeyEvents:true,
inputType: "password",
listeners: {
scope: this,
specialkey: function(f, e) {
if (e.getKey() === e.ENTER) {
}
}
}
}]
}]
}).show();
<c:if test="${not empty param.error}">
var errorMsg = "<c:out value="${SPRING_SECURITY_LAST_EXCEPTION.message}" />";
if (errorMsg !== "") {
Ext.MessageBox.show({
title: "<spring:message code='title.error' text='Error' />",
msg: errorMsg,
closable: false,
buttons: Ext.Msg.OK
});
}
</c:if>
});
Ext.onReady(函数(){
Ext.tip.QuickTipManager.init();
Ext.create(“Ext.container.Viewport”{
布局:“边框”,
rtl:
});
Ext.create(“Ext.window.window”{
标题:“,
身高:310,
宽度:450,
可关闭:错误,
布局:“边框”,
项目:[{
xtype:“面板”,
边界:错,
bodyCls:“登录头”,
身高:160,
地区:“北部”
}, {
id:“”,
url:“”,
xtype:“表单”,
布局:“表格”,
地区:“中心”,
车身衬垫:10,
边界:错,
按钮:[{
处理程序:函数(){
var form=this.up(“form”).getForm();
if(form.isValid()){
Ext.getCmp(“”.disable();
form.standardSubmit=true;
form.method=“POST”;
表单提交();
}
},
id:“”,
案文:“”
}, {
处理程序:函数(){
var form=this.up(“form”).getForm();
form.reset();
},
id:“”,
案文:“”
}],
defaultType:“textfield”,
默认值:{
msgTarget:“侧边”,
标签宽度:100
},
项目:[{
字段标签:“”,
名称:“自我护理\用户名”
}, {
字段标签:“”,
名称:“自我保护密码”,
enableKeyEvents:true,
输入类型:“密码”,
听众:{
范围:本,,
特殊键:函数(f,e){
如果(e.getKey()==e.ENTER){
}
}
}
}]
}]
}).show();
var errorMsg=“”;
如果(errorMsg!==“”){
Ext.MessageBox.show({
标题:“,
msg:errorMsg,
可关闭:错误,
按钮:Ext.Msg.OK
});
}
});
这是听众要做的:
listeners: {
keypress: function(textfield, e, options) {
if (e.keyCode === 13) {
var form = this.up("form").getForm();
if (form.isValid()) {
Ext.getCmp("<%=submitBtnId%>").disable();
form.standardSubmit = true;
form.method = "POST";
form.submit();
}
}
}
}
侦听器:{
按键:功能(文本字段、e、选项){
如果(如keyCode===13){
var form=this.up(“form”).getForm();
if(form.isValid()){
Ext.getCmp(“”.disable();
form.standardSubmit=true;
form.method=“POST”;
表单提交();
}
}
}
}