javascript - Sencha Touch Controller 不工作

Question

我的 Controller 似乎无法工作。谁能告诉我出了什么问题吗？

Main.js 这是我的 Controller :

Ext.define('Catalog.controller.Main', {
    extend: 'Ext.app.Controller',
    config: {
        refs: {
           homepanel: 'homepanel'  
        },
        control: {
            homepanel:{
                itemtap: 'showApp'
            }  
        },
        showApp: function(){
            console.log("OK");
        }
    }

});

Home.js 这是我的观点:

Ext.define('Catalog.view.Home', {
    extend: 'Ext.navigation.View',
    xtype: 'homepanel',
    config: {

        title: 'All',
        iconCls: 'list',
        cls: 'home',
        styleHtmlContent: true,
        items:{
            title: "All Apps",
            xtype: 'list',

            itemTpl: new Ext.XTemplate(
                '<img src="http://127.0.0.1:3000/system/appinfos/appicons/000/000/{id}/original/{appicon_file_name}" width="50" heigh="50" style="float:left;clear:both;"></img>',
                '<div style="margin-left: 60px;word-wrap: break-word;width:50%;">',
                '<span style="font-size:16px;">{name}</span><br>',
                '<tpl for="categories">',
                '<span style="font-size:13px;color:#7C7C7C;">{name}</span>',
                '</div>',
                '</tpl>',
                '<span></span>'
            ),
            store: {
                autoLoad: true,
                fields: ['id','name','created_at','appicon_file_name','categories'],
                sorters: 'created_at',
                proxy: {
                    type: 'jsonp',
                    url: 'http://127.0.0.1:3000/appinfos.json',
                    reader:{
                        type: 'json',
                        rootProperty:'responseData.entries'
                    }   
                }
            }
        }
    }
});

控制台中没有错误，但什么也没有发生

如果您能提供任何帮助，我们将不胜感激。

Answer 1

我认为问题是你的 showApp 方法位于配置内部，应该是:

Ext.define('Catalog.controller.Main', {
    extend: 'Ext.app.Controller',
    config: {
        refs: {
            homepanel: 'homepanel'  
        },

        control: {
            homepanel:{
                itemtap: 'showApp'
            }
        }
    },

    showApp: function(){
        console.log("OK");
    }
});