ExtJs监听回车事件

于 2017-08-21 17:30:44 发布
阅读量1.5k 收藏
点赞数
分类专栏： ExtJs 文章标签： ExtJs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pipi2k17/article/details/77453221
版权
这段代码展示了如何在ExtJs的HtmlEditor中添加事件监听，特别是针对回车键的监听。通过覆盖initComponent和initEditor方法，并根据浏览器类型绑定不同的键盘事件，当在编辑器内按下Ctrl+Enter时，会触发自定义的'submit'事件，弹出提示框显示'提交信息'。
摘要由CSDN通过智能技术生成
  1. /**  
  2.  * 在线编辑器增加事件  
  3.  *   
  4.  * auhtor:chenph  
  5.  * date:2016/7/25  
  6.  */  
最低0.47元/天 解锁文章
pipi2k17
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ext监听事件方法[初级篇]
12-10
在JavaScript的ExtJS框架中，事件监听是实现用户交互和组件间通信的重要手段。本文将深入探讨`Ext`对象的监听事件方法，以【初级篇】的角度出发，讲解如何使用`addListener`和`on`方法来绑定事件处理函数。 首先，...
extjs 为某个事件设置拦截器
10-29
Ext.util.Observable有一个重要的功能，可以为某个事件设置拦截器，统一管理方法的处罚。使用capture()和releaseCapture()来实现这个功能。
ExtJs回车事件
hunterpanda的博客
10-27 1074
Ext使得对用户某个动作的监听特别简单，诸如单击某个元素或者按下某个键盘上的键。 一个经常性的任务就是监听回车按键，然后提交表单，让我们看如何完成这一任务 var messageField=new Ext.form.TextField({ name:'messageField', style:'width:300px;', ...
extjs 下 button 的 按键事件 回车事件
热门推荐
风声世界的专栏
11-23 1万+
<br />使用extjs已经有一段时间了，开始时做了个登录界面，输入用户名，密码 然后点击确定，登录<br />在extjs中，Button本身是支持回车事件的，前提是：焦点在按钮上，此时回车和单击事件是一回事<br />鉴于系统的友好性和人们 的习惯，输入两者后会按回车键登录系统<br />开始时想这个问题了，但是无从下手，因为我一直认为这个应该是在button上监听回车事件，就是输入用户名和密码后按回车键时应该是button来响应该事件。<br />查了extjs手册Button的事件中没有响应回车键
ExtJs textfield侦听回车事件
tansitongba
09-13 421
xtype: "textfield", width : 200, fieldLabel : "职工编号", name : "personNum", id: "personNum", listeners: { specialkey: function(field,e){ if (e.getKey()==Ext....
Extjs 文本框 回车事件
oyzl68的专栏
10-19 2577
{xtype:'textfield',width:200, name:'sn'         ,listeners:{specialkey:function(textfield,e){          if(e.getKey() == Ext.EventObject.ENTER){OnAuto_update();}}}        }
Extjs学习笔记之八 继承和事件基础
10-29
`Observable`类被许多ExtJS组件作为基类，使得这些组件能够触发和监听事件，实现组件间的交互。 事件监听通常有以下步骤： 1. 定义事件：使用`addEvents`静态方法在类级别上注册事件。 2. 添加监听器：使用`...
extjs 04_grid 单击事件新发现
12-09
在EXTJS的Grid组件中，我们可以监听各种事件，如`cellclick`事件，当用户点击网格的单元格时，此事件会被触发。下面是一个简单的示例，展示了如何监听`cellclick`事件并获取点击的单元格数据： ```javascript grid....
extjs表单输入框响应回车事件
security08的专栏
05-03 8619
var comName = new Ext.form.TextField({ // xtype : textfield, id : comnm, width : 90, selectOnFocus : true, listeners : { specialKey : function(field, e) { if
ExtJS的编辑器HtmlEditor的一个图片插件
10-04
HtmlEditor(编辑器)的一个图片插件，制作过程用到了图片上传等，采用Struts1.2 ，上传组件使用的是Cos，这个插件的意义并不在于插件本身，只是希望给要用ExtJS做文件上传或想做ExtJS插件的朋友提供一种思路 大家可以看一下： http://hi.baidu.com/ccutshyhao/blog/item/76ca113a6e311eec15cecbb9.html
解决回车控制问题
myclover
03-25 366
[code] Ext.override(Ext.grid.RowSelectionModel, { onEditorKey : function(field, e) { // alert('go'); var k = e.getKey(), newCell, g...
Ext tab键事件和回车事件
weixin_30881367的博客
08-07 143
1 listeners: { 2 afterRender: function(thisForm, options){ 3 this.keyNav = Ext.create('Ext.util.KeyNav', this.el, { 4 ...
Ext Js 添加 按钮 监听事件
deng11342的专栏
05-29 8077
单一控件的 监听 ： { columnWidth : .20, layout : 'form', labelWidth : 80, labelAlign : "right", items : [{ xtype : 'textfield', fieldLabel : L_itemMxCode,
Ext监控回车按键
小宝
03-06 272
listeners : {specialkey : function(field, e) {if (e.getKey() == Ext.EventObject.ENTER) {searchByFilter();}}} 这是以监听器的方式添加监听事件，还有一种方法与此差不多： keys : {key : Ext.EventObject.ENTER,fn : function(btn, e) {s...
ExtJs回车事件注册
09-09 255
使用specialkey作为事件注册, 即可获得回车事件 例如: xxx.addListener("specialkey",function(){ //回车事件 })
extjs editGrid 的键盘监听事件
awe5566的专栏
01-23 3466
PeriodSetEditGrid = Ext.extend(Ext.grid.Panel, { _editor : false, _period : 4, _auditMoney : null, constructor : function(_config) { if (_config == null) _config = {}; Ext.apply(this, _co
EXT中键盘触发事件的处理
Java Walking...
03-11 302
今天EXT中又碰到没接触过的东西:就是怎样处理键盘的触发事件,百度了挺久,后来经师兄指点,到了它的官方论坛一看,没成想原来这么简单:就是加多个keys属性然后在里面定义属性和方法而已,如下 var myform = new Ext.FormPanel({ labelWidth: 75, title:'双卫网后台登录', fram...
extjs监听编辑的事件
最新发布
03-10
可以使用 ExtJS 的事件监听器来监听编辑事件，例如： grid.on('edit', function(editor, context) { // 编辑事件处理逻辑 }); 其中，grid 是 Ext.grid.Panel 的实例，'edit' 是事件名称，第一个参数是编辑器实例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值