html 图片超链接 去除点击闪烁事件,在Controller中处理HTML超链接点击事件

EXT里各种布局方式让人眼花缭乱，但遇上稍微复杂点的页面内置的layout就会力不从心，不是达不到效果就是出现图片变形等头疼的问题。这种时候与其去跟layout较劲，还不如土鳖html好使。那么问题来了，html里的超链接点击事件如何在controller中进行处理呢？以下是controller代码

init: function(application) {

this.control({

"myPanel": {

afterrender: this.afterrender,

linkclick: this.linkclick

}

});

},

afterrender: function(panel){

var links = panel.getEl().query('a');//获取myPanel的html属性中所有的超链接节点

Ext.each(links, function(a){//注册点击事件

Ext.get(a).on({

click: function(evt, el){

evt.stopEvent();

panel.fireEvent('linkclick', el);

}

});

});

},

linkclick: function (el) {

var name = el.name;//这里的name是标签中定义的任意属性名，比如

if(name='link-1') {

//do something

}else if(name='link-2') {

//do something

}

}