Ext回车自动提交form

最新推荐文章于 2025-06-26 12:46:28 发布
原创 最新推荐文章于 2025-06-26 12:46:28 发布 · 186 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#EXT

该博客主要围绕Ext技术，介绍了在表单操作中利用回车实现提交的相关内容，属于信息技术领域前端开发方面的知识。 
keys: {
     key: [13],
     fn: login,
     scope: this
}

 

ext输入框点击回车键直接进入查询
04-16
// 阻止默认的表单提交行为 doQuery(field.getValue()); // 调用查询函数 } }); ``` 3. **定义查询函数**：`doQuery`是自定义的查询函数，根据实际应用的需求来编写。这通常涉及到向服务器发送请求，获取数据...
页面只有一个text的时候，回车自动submit的解决方法
12-04
由于浏览器通常不会对不可见的表单元素触发默认的回车提交行为，所以这可以防止不必要的表单提交。 以下是一个改进后的HTML示例，其中包含了隐藏的文本输入元素： ```html <title>test function test() { ...
extjs form 回车提交
iteye_13831的博客
05-28 274
/** * 该表单提供对各个元素回车验证并且自定切换到下一个元素功能 */ Ext.define("Ext.ux.form.Panel",{ extend:"Ext.form.Panel", isValid:function(){ var isValid = true; Ext.Array.each(this.items.items,function(item,i...
Ext textField 回车 提交
iteye_8420的博客
12-16 382
var name = new Ext.form.TextField({ labelSeparator : '',   //laber分割内容 name : 'name', xtype : 'textfield', allowBlank : true, width : 60, listeners : { specialkey : function(field, event) {   ...
Ext form 回车提交
任香980101
07-03 129
fyi: function submitFunction() { if (searchPanel.getForm().isValid()) { searchPanel.getForm().submit({ url : 'xxxxxxxx', method : 'post', params : { start : 0, limit : 10 ...
ExtJS表单提交时，不用鼠标点击按钮提交，直接通过回车键提交
益之的专栏
10-06 3551
用ExtJs实现登陆界面，输入用户名和密码，点击确定后登陆。然而人们习惯于在输入两者后按回车键进行登陆。         在extjs中，Button本身是支持回车事件的，前提是：焦点在按钮上，此时回车和单击事件是一回事。form中的field事件中有specilkey事件，可以响应回车键。在输入用户名，或者密码后点击"回车",让field响应回车事件，然后通过form提交。因此在用户名和密码的
EXTJS防止表单中回车触发提交
路过君的博客
08-20 440
版本 7.0 modern toolkit 现象 在formpanel下的字段中使用回车时会自动触发form标签提交，导致跳转 源码 Ext.form.Panel getTemplate: function() { var template = this.callParent(); // 为实现标准的表单提交，加入了一个隐藏的input标签，类型为submit // 浏览器检查到此form字段回车会自动触发submit对象的click事件提交 template.push
6、Ext JS开发：表单、按钮、菜单、工具栏与网格数据展示
rrr55的博客
06-26 83
本博客详细介绍了Ext JS开发中的核心内容，包括表单操作、按钮与菜单的配置和使用、工具栏的设计与实现，以及网格数据展示的强大功能。通过实例代码讲解了表单验证、工具栏元素对齐、图标按钮设置、网格事件处理及高级数据格式化等实用技巧，并结合流程图与示例代码帮助开发者快速掌握界面交互组件的开发方法。无论是初学者还是有一定经验的开发者，都能从中获得构建美观且高效用户界面的实用知识。
奇怪的回车换行问题
10-28
HTTP请求的主体可以包含用户输入的数据，如表单提交。在这个例子中，开发者使用了ExtJS库来实现Ajax通信。ExtJS的`Ext.Ajax.request`方法用于发送异步请求。 问题出现在，当表单包含回车换行时，浏览器在发送请求时...
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
12-01
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
如何设置enter回车提交
stonefly0502的博客
06-05 2170
第一步:把如下代码加入&lt;body&gt;区域中 &lt;form method=POST action="xxxx.php" name="form1"&gt;&lt;input type="text"&gt;&lt;input type="submit" id="subtn" value="发送" name="subm
extjs表单输入框响应回车事件
security08的专栏
05-03 8725
var comName = new Ext.form.TextField({ // xtype : textfield, id : comnm, width : 90, selectOnFocus : true, listeners : { specialKey : function(field, e) { if
extjs使用回车绑定按钮的实现方式
zeb_perfect的专栏
01-13 3143
1.应用在textfield中的回车方式： var siteName = new Ext.form.Field({ id: 'siteName1',//表单元素最好使用Id，不然在IE浏览器中表单内容将变形 fieldLabel: '网站名称', listeners : { specialke
EXT的form表单提交方式总结
mic_hero的专栏
12-07 1202
<br />EXT的form表单ajax提交（默认提交方式）Js代码   function login(item) {         if (validatorForm()) {     // 登录时将登录按钮设为disabled，防止重复提交     this.disabled = true;         // 第一个参数可以为submit和load     formPanl.form.doAction('submit', {         url : 'user.do?method=login'
按下enter键后表单自动提交问题
weixin_33694172的博客
06-26 349
在HTML的form表单里，按下enter键之后，默认情况下表单会自动提交。 在公司一个项目里，按下enter键自动提交表单的查询结果与按下搜索框的搜索结果页面显示不一样，按下搜索按钮之后是通过Ajax请求返回结果；而按下enter键是直接post请求然后跳转返回一个页面，失去了页面样式及导航等。 一开以为是写了js代码导致按下enter键之后会触发表单提交，后来...
让Ext.panel(包含formPanel)在屏幕上居中显示
fming09的专栏
10-21 6489
   用formPanel做了个登录界面，不能在页面居中，以下是解决方法  1. var panel =new Ext.panel({ 2. 3. }); 4. var windowWidth = window.screen.availWidth; 5. var left=windowWidth/2 - panel的宽度/2;
Ext JS 3.2搜索框回车出现面板
最新发布
08-15
在 Ext JS 3.2 中实现“在搜索框中按下回车键后显示面板”的功能，可以通过为文本框（`textfield`）添加键盘事件监听器来实现。具体做法是监听 `specialkey` 事件，并在检测到用户按下回车键时触发面板的显示操作。 以下是一个实现示例： ```javascript Ext.create('Ext.form.FormPanel', { title: '搜索面板示例', width: 400, bodyPadding: 10, items: [{ xtype: 'textfield', fieldLabel: '关键词', listeners: { specialkey: function(field, e) { if (e.getKey() === e.ENTER) { // 触发显示面板的操作 Ext.getCmp('searchResultPanel').show(); } } } }, { xtype: 'panel', id: 'searchResultPanel', title: '搜索结果', html: '这里是搜索结果内容', hidden: true, collapsible: true, animCollapse: true }], renderTo: Ext.getBody() }); ``` 在上述代码中： - 使用 `textfield` 创建了一个输入框。 - 通过 `specialkey` 事件监听器检测按键操作。 - 当检测到按下回车键（`e.ENTER`）时，调用 `Ext.getCmp('searchResultPanel').show()` 来显示隐藏的面板。 - `searchResultPanel` 是一个初始状态为隐藏的面板，其通过 `hidden: true` 设置，并在触发回车键后动态显示。 此外，还可以根据需要扩展功能，例如在显示面板的同时执行搜索逻辑、从服务器加载数据等。 ### 代码说明细节 - `specialkey` 是 Ext JS 中用于处理特殊按键（如 Enter、Esc 等）的事件，适用于表单字段等组件[^3]。 - `Ext.getCmp()` 是通过组件的 `id` 获取组件实例的方法，常用于访问已创建的组件。 - 面板的 `show()` 方法用于将其从隐藏状态切换为可见状态。 ### 注意事项 - 在实际应用中，建议避免频繁使用 `Ext.getCmp()`，而是采用更结构化的方式访问组件，例如通过变量引用或组件查询（`Ext.ComponentQuery`）。 - 如果面板需要从服务器加载数据，可以在 `specialkey` 监听器中调用异步请求（如 `Ext.Ajax.request`），并在请求成功后更新面板内容并显示它。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值