ExtJs6 为Ext.Img对象添加单机事件

项目主页头部工具栏最后显示当前登陆用户的名字和头像，头像是用Ext.Img做的，需要点击头像可以修改个人信息，但是查看api一圈并未找到click或dblclick事件，这我就纳闷了，为啥这么常用的两个事件居然没有，然后我就想能否手动添加上这个事件。

然后我先是给xtype : 'image'添加了render事件，然后在rander事件里面写添加事件方法：
toolbar部分：
items : [{xtype: 'image',title : '点击修改个人信息',height: 35,width: 35,src: 'resources/images/user/default_avatar.png',listeners : {render : 'onRender'}}
],
controller部分:
onRender : function(){//这个'image-1038'是我用google找到这个头像标签，ext自动为这个标签加上去不变idExt.get('image-1038').on({click : function(){doSomething....}});
}
问题似乎是解决了，可是有所不知，这只是开始。。。
怎么回事呢？原来只要我登陆上去无论怎么刷新怎么操作，这个render事件里添加click事件都没问题，因为缓存里已经把头像这个标签创建好了，id也已经加好了，所以click事件是添加了上去，但是只要我注销登陆，然后再输帐号密码上去就会提示Ext.get('image-1038') is null...
我的内心是崩溃的。。。这不坑爹么？但是在刷新一下就好了，所以是render事件的触发时机问题，之后尝试了afterrender、active、enable等事件来添加单击事件都不奏效所以我就思考用别的方式来添加单击事件，最终还是找到了方法：
toolbar部分：
items : [{xtype: 'image',title : '点击修改个人信息',height: 35,width: 35,src: 'resources/images/user/default_avatar.png',listeners : {el : {click : 'onClick'}}}
]
controller部分:
onClick : function(){doSomething.....
}

ExtJs6 为Ext.Img对象添加单机事件相关推荐

深入理解JavaScript的闭包特性如何给循环中的对象添加事件
初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript ...
JS(内置对象,全局函数,事件,事件对象)
目录内置对象全局函数事件事件对象内置对象 <!DOCTYPE html> <html><head><meta charset="utf-8 ...
为.net中的ListBox控件添加双击事件
我在用dotnet做一个项目的过程中,遇到了一个ListBox的问题:通过在一个ListBox中双击,把选中的项添加到另一个ListBox中,但ListBox控件本身并没有该事件,那么如何实现呢?我就 ...
VSTO Office二次开发PPTRibbonX命令操作及对象添加
VSTO Office二次开发PPTRibbonX命令操作及对象添加本篇分享对于Power Point中一些命令的操作和对于一些比较常用对象.特殊对象的添加功能. 对于Power Point命令操作 ...
自动为DEV GridView控件添加SizeChanged事件
实现gdv设置的抽象对象,不用每个gdv控件都添加sizechanged事件,只需执行gdc绑定sql函数,在其中会自动添加SizeChanged事件. //2016.5.13 by sngk //根 ...
通示jQuery实例方法，未DOM对象添加多个方法
<script type="text/javascript">/** 通示jQuery实例方法,未DOM对象添加多个方法* 用按钮做多个事件的调用*/(function ...
popup弹出html页面,Popup弹出框绑定添加数据事件（步奏详解）
这次给大家带来Popup弹出框绑定添加数据事件(步奏详解),Popup弹出框绑定添加数据事件的注意事项有哪些,下面就是实战案例,一起来看一下. 逻辑窗口P1中显示一组数据,并提供一个添加按钮点击按 ...
U3D Animator 组件控制动画的播放暂停，动态添加帧事件
//顺便说一句,U3D的动画编辑器有BUG,添加关键帧事件后选了函数会说不支持,其实是可以用.运行下看结果来定吧. //大家好我是笨笨,笨笨的笨,笨笨的笨,谢谢! //20150810 by Jerr ...
java单机按键事件_JavaFX 事件总结(单机事件和双击事件)
学JavaFX的肯定都是有java基础的所以都是想单纯的把像javaweb那样什么单机事件啊双击事件啊键盘按下事件啊表单验证什么的自己找了一圈总结一下 1.单机事件首先在MyContro ...
Pyqt学习笔记（1） ----- 创建按钮，并添加单击事件
Pyqt学习笔记(1) ----- 创建按钮,并添加单击事件 from PyQt5 import QtCore, QtGui, QtWidgets import sys from PyQt5.QtGu ...

ExtJs6 为Ext.Img对象添加单机事件

ExtJs6 为Ext.Img对象添加单机事件相关推荐

最新文章

热门文章