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
}
}