在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是<a>标签中定义的任意属性名，比如<a name='link-1'>
	if(name='link-1') {
		//do something
	}else if(name='link-2') {
		//do something
	}
}