ExtJS中如何给Label添加click事件
ExtJS中Ext.form.Label默认是没有click事件的,但由于项目需要,要求给label添加一些其它的事件,本文提供两种方法对这个class进行扩展,方法如下:
方法1:
Ext.onReady(function() {
var p = new Ext.ux.MyPanel({
renderTo : document.body
});
});
Ext.ux.MyPanel = Ext.extend(Ext.Panel, {
initComponent : function() {
Ext.apply(this, {
width : 200,
height : 200,
items : [{
xtype : 'label',
id : 'mylabel1',
html : 'Label 1',
listeners : {
render : function() {//渲染后添加click事件
Ext.fly(this.el).on('click',
function(e, t) {
// do stuff
alert('Hi');
});
},
scope : this
}
}]
});
Ext.ux.MyPanel.superclass.initComponent.call(this);
}
});
方法2:
Ext.onReady(function() {
//在渲染后添加click事件
Ext.form.Label.prototype.afterRender = Ext.form.Label.prototype.afterRender
.createSequence(function() {
this.relayEvents(this.el, ['click']);
});//这一段一定要放在label之前
var tempPanel = new Ext.Panel({
layout : 'fit',
renderTo : document.body,
items : [{
xtype : 'label',
text : 'label click',
listeners : {
'click' : {
fn : function(field) {
alert("Hi");
},
scope : this
}
}
}]
});
});
分享到:
相关推荐
Extjs 4.11 重写 Panel 添加 click事件
Extjs 重写Panel添加click事件
NULL 博文链接:https://fxiaozj.iteye.com/blog/1174901
Extjs 中文API文档,有对Extjs相关API的中文说明
Extjs中文文档,包含Extjs的基本语法和各个类的详细说明以及用法。
让你了解给折叠布局中加入树的文档你值得拥有,全文通过具体的实例为读者具体的讲述。
Extjs4的textfield控件竟然没有tooltip悬浮提示,这应该算是个bug吧。网上查了很多,也没有方案。后来自己通过查询并整理出这个方案,终于实现了。 思想如下: 在textfield渲染时注册mouseover事件,然后在其中调用...
extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例extjs中文api,提供实例
绝对的ExtJS3.0中文API,本人在网上找了好久才找到的,在此奉献给大家!!解压后有30多兆!!
extjs4动态添加表头字段、删除、增加记录!
extjs4.1 中文API
ExtJS中文文档,很好,很强大!绝对值得一看哦!
ExtJs 实例+ExtJs中文教程 大量ExtJs的实例和目前最好的ExtJs中文教程,学习ExtJs的朋友可以参考一下
extjs3.3的中文文档
ExtJs中文API,比较全面!并且提供了很多的例子!! ExtJs中文API,比较全面!并且提供了很多的例子!! ExtJs中文API,比较全面!并且提供了很多的例子!! ExtJs中文API,比较全面!并且提供了很多的例子!!
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
Extjs 中文文档 学习文档
extjs4.0 技术中文视频讲解,内容非常的全... 第七讲:extjs4.0的事件机制Event 第八讲:extjs4.0的Ajax 第九讲:extjs4.0的core包和Ext类 第十讲:extjs4.0的util包 论坛地址是: http://www.uspcat.com/?fromuid=413
extjs资料extjs资料extjs资料extjs资料extjs资料