fyi:
function submitFunction() {
if (searchPanel.getForm().isValid()) {
searchPanel.getForm().submit({
url : 'xxxxxxxx',
method : 'post',
params : {
start : 0,
limit : 10
},
waitMsg : '查询中,请稍后...',
success : function(form, option) {
queryWindow.hide();
store.removeAll();
store.loadData(option.result);
store.baseParams = {
xxx: Ext.get('xxx').dom.value,
xxxx: Ext.get('xxxx').dom.value
}
},
failure : function() {
Ext.Msg.alert("信息提示", " 连接服务器出现错误,请稍后再试!");
}
});
};
}
searchPanel = new Ext.form.FormPanel({
labelAlign : 'left',
labelWidth : 65,
frame : true,
bodyStyle : 'padding:0px 0px 0',
width : 590,
keys : [{
key : 13,
ctrl: true,
fn : submitFunction
}],
autoHeight : true,
items : [.......],
buttons : [{
text : '查询',
type : 'submit',
handler : submitFunction
}, {
text : '重置',
handler : function() {
searchPanel.getForm().reset();
}
}]
});
这样就可以回车提交 按钮提交
分享到:
相关推荐
var queryField = Ext.create('Ext.form.field.Text', { fieldLabel: '查询关键词', name: 'query' }); ``` 2. **监听键盘事件**:接着,我们需要监听输入框的`keydown`事件,以便在用户按下回车键时执行特定...
var combobox = Ext.create('Ext.form.field.ComboBox', { fieldLabel: '医院名称', store: { type: 'hospitalStore', // 自定义的远程Store autoLoad: true, proxy: { type: 'ajax', url: 'handler/...
而当使用表单的常规提交(`form submit`)时,回车和换行的编码都在。 这可能与ExtJS内部的`serializeForm`函数有关,该函数负责将表单元素的值编码为URL查询参数格式。它使用了JavaScript内置的`...
博主可能分享了如何创建表单、添加输入字段、设置验证码逻辑以及如何响应用户操作,如回车提交等。 首先,创建登录页面需要的基本元素有用户名输入框、密码输入框以及登录按钮。ExtJS提供了一个叫做`Ext.form.Panel...
二、Ext.form.FormPanel与Form布局 在实际开发中,`Ext.form.FormPanel`是一个常用的组件,它默认使用`FormLayout`作为其布局。`FormPanel`不仅提供了表单的结构,还内置了处理表单数据的功能,如验证、提交等。...
Ext.Msg.alert('提示', '您已经按下了回车键,可以在这里提交表单做登录操作了... ...'); } } }); ``` 在这个例子中,`enableKeyEvents: true` 是至关重要的配置,它允许我们为密码输入框监听键盘事件。`...
由于浏览器通常不会对不可见的表单元素触发默认的回车提交行为,所以这可以防止不必要的表单提交。 以下是一个改进后的HTML示例,其中包含了隐藏的文本输入元素: ```html <title>test function test() { ...
例如,监听回车键提交表单:`{specialkey: function(f,e){ if (e.getKey() == e.ENTER) {...}}`。这种方式可以为不同用户操作绑定相应的处理函数。 4. **表单验证**:EXTJS提供了自定义验证类型,如`Ext.form....
3. **表单验证与提交**:在`subjectForm`函数中,使用`myform.getForm().isValid()`检查表单是否有效,如果有效,则通过`form.submit()`方法提交表单数据,设置等待消息、超时时间、成功和失败回调。成功回调会根据...
form id=”form1″ runat=”server”> ”center”> <fieldset xss=removed> ”3″ cellspacing=”3″ border=”0″> <tr> <td> ”lblName” Text=”姓名: runat=”server”></asp> </td> <td> <asp:TextBox
这段代码首先处理了用户按下回车键的情况,防止在达到字数限制后仍能输入。然后,我们同样计算了新文本的总长度,如果超过500个字符,就截取前500个字符并更新TextView的文本。 ### 注意事项 1. 要确保为TextField...
c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...
c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...
c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...
c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...
6. **无表单提交**:Ajax请求无需使用form标签,而是通过JavaScript直接构造请求数据。 7. **ID属性**:Ajax中使用ID属性来定位DOM元素,以便进行操作。 8. **div与span**:div常用于组织大块内容,内容会独占一行...
该组件的实现基于Extjs框架,并通过重写`Ext.form.TriggerField`类来实现。具体实现过程中,还涉及到了事件监听、DOM操作等技术手段。 1. **事件处理**:通过添加事件监听器来响应用户的键盘操作和其他交互行为。 2...