控制器无法使用Sencha Touch

时间:2013-08-05 10:52:44

标签: javascript extjs sencha-touch sencha-touch-2

我的控制器似乎没有工作。有人能告诉我什么是错的吗?

Main.js这是我的控制者:

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'
                    }   
                }
            }
        }
    }
});

控制台中没有错误,但没有发生任何错误

您可以提供任何帮助。

1 个答案:

答案 0 :(得分:0)

我认为问题是你的showApp方法在config中,应该是:

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

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

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