`

Ext form 回车提交

EXT 
阅读更多

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();
				}
			}]

});

 

这样就可以回车提交  按钮提交

分享到:
评论

相关推荐

    ext输入框点击回车键直接进入查询

    var queryField = Ext.create('Ext.form.field.Text', { fieldLabel: '查询关键词', name: 'query' }); ``` 2. **监听键盘事件**:接着,我们需要监听输入框的`keydown`事件,以便在用户按下回车键时执行特定...

    Ext_comBox模糊查询

    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 登陆页面+验证码

    博主可能分享了如何创建表单、添加输入字段、设置验证码逻辑以及如何响应用户操作,如回车提交等。 首先,创建登录页面需要的基本元素有用户名输入框、密码输入框以及登录按钮。ExtJS提供了一个叫做`Ext.form.Panel...

    学习ExtJS form布局

    二、Ext.form.FormPanel与Form布局 在实际开发中,`Ext.form.FormPanel`是一个常用的组件,它默认使用`FormLayout`作为其布局。`FormPanel`不仅提供了表单的结构,还内置了处理表单数据的功能,如验证、提交等。...

    ExtJS 资料收集

    Ext.Msg.alert('提示', '您已经按下了回车键,可以在这里提交表单做登录操作了... ...'); } } }); ``` 在这个例子中,`enableKeyEvents: true` 是至关重要的配置,它允许我们为密码输入框监听键盘事件。`...

    页面只有一个text的时候,回车自动submit的解决方法

    由于浏览器通常不会对不可见的表单元素触发默认的回车提交行为,所以这可以防止不必要的表单提交。 以下是一个改进后的HTML示例,其中包含了隐藏的文本输入元素: ```html <title>test function test() { ...

    extjs总结.docx

    例如,监听回车键提交表单:`{specialkey: function(f,e){ if (e.getKey() == e.ENTER) {...}}`。这种方式可以为不同用户操作绑定相应的处理函数。 4. **表单验证**:EXTJS提供了自定义验证类型,如`Ext.form....

    extjs实现登陆验证

    3. **表单验证与提交**:在`subjectForm`函数中,使用`myform.getForm().isValid()`检查表单是否有效,如果有效,则通过`form.submit()`方法提交表单数据,设置等待消息、超时时间、成功和失败回调。成功回调会根据...

    ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)

    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

    TextField和TextView限制输入字数长度

    这段代码首先处理了用户按下回车键的情况,防止在达到字数限制后仍能输入。然后,我们同样计算了新文本的总长度,如果超过500个字符,就截取前500个字符并更新TextView的文本。 ### 注意事项 1. 要确保为TextField...

    EfsFrame(java开发框架) v2.2 源代码.rar

    c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...

    EfsFrame(net开发框架) v2.2 源代码.rar

    c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...

    EfsFrame(php开发框架) 2.2.rar

    c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...

    EfsFrame(php开发框架) v2.2 源代码.rar

    c)修正分页列表中下面分页条中 分页那里直接输入数字,回车不跳页的问题; d)修改 一个form中同时存在两个datetime的input时,第二个不能选择时分的bug; e)增加 input的 kind与datatype的自动对应关系默认对应...

    我的Ajax学习笔记

    6. **无表单提交**:Ajax请求无需使用form标签,而是通过JavaScript直接构造请求数据。 7. **ID属性**:Ajax中使用ID属性来定位DOM元素,以便进行操作。 8. **div与span**:div常用于组织大块内容,内容会独占一行...

    Extjs-多功能下拉树列表

    该组件的实现基于Extjs框架,并通过重写`Ext.form.TriggerField`类来实现。具体实现过程中,还涉及到了事件监听、DOM操作等技术手段。 1. **事件处理**:通过添加事件监听器来响应用户的键盘操作和其他交互行为。 2...

Global site tag (gtag.js) - Google Analytics