Триггер ExtJS Controller при щелчке по гиперссылке

Я уже довольно давно пытался заставить это работать, но мне все еще не удалось найти решение для этого, кроме добавления пострендера внутри слушателей в представлении. Но я хочу, чтобы с этим справился контроллер.

Кто-нибудь знает, как я могу решить эту проблему?

Это то, что у меня сейчас в файлах http://pastie.org/2751446

controller/App.js

    Ext.define('HD.controller.App', {
     extend: 'Ext.app.Controller'
     ,views: [
         'core.Header',
         'core.Navigation',
         'core.Content'
     ]
     ,init: function() {
         this.control({
             'navigation a[id=tab1]': {
                 click: this.newTab
             }
         })
     }
     ,newTab: function() {
         console.log('Tab 1 should be loaded now');
     }
});

view /core/Navigation.js

Ext.define('HD.view.core.Navigation', {
     extend: 'Ext.panel.Panel'
    ,name: 'navigation'
    ,alias: 'widget.navigation'
    ,layout: 'accordion'
    ,region: 'west'
    ,width: 200

    ,title: 'Navigation'
    ,collapsible: true

    ,items: [
        {
            title: 'Title 1'
            ,html: 'Tab 1'
        },
        {
            title: 'Title 2'
            ,html: 'Second'
        }
    ]
});