image - パネル sencha touch 2 に NavigationView を追加する

Question

画像をクリックしてnavigationViewを取得しようとしていますが、うまくいきません。イベントが発生しますが、aboutビューに切り替えようとしても何も起こりませんでした。戻るボタンがあります..私のコントローラー：

   Ext.define('app.controller.MainController', {
extend: 'Ext.app.Controller',
config: {
    refs: {
        main: 'Main',
        about: 'About',
        aboutimg: '#aboutimg'
    },
    control: {
        aboutimg: {
            tap: function(img, evt) {
                Ext.Viewport.add(Ext.create('app.view.About'));
            }
        }
    }
}

 });

私のビューについて：

  Ext.define('app.view.About', {
extend: 'Ext.NavigationView',
xtype: 'About',
 ....

メイン ビュー:

 Ext.define('app.view.Main', {
extend: 'Ext.Panel',
xtype: 'main',
requires: [
    'Ext.Img'
],
config: {
    layout: 'vbox',
    fullscreen: true,
    defaults: {
        flex: 1
    },
    items: [
        {
            xtype: 'panel'

        },
        {
            xtype: 'carousel',
            flex: 3,
            items: [
                {
                    xtype: 'panel',
                    layout: 'vbox',
                    items: [],
                    dockedItems: [{
                            xtype: 'panel',
                            style: 'background-color: #fff;',
                            layout: {
                                type: 'hbox',
                                pack: 'center'
                            },
                            flex: 1,
                            items: [
                                {
                                    xtype: 'image',
                                    id:'aboutimg',
                                    mode: 'element',
                                    src: "resources/images/about.jpg",
                                    cls: 'component',

                                },
      ......