Sencha touch 列表不';android本机构建应用程序后不显示

Sencha touch 列表不';android本机构建应用程序后不显示,sencha-touch,sencha-touch-2,Sencha Touch,Sencha Touch 2,我有Ext.dataview.List,我成功地在浏览器中看到它。但在构建了我的android应用程序列表之后,它的标题并没有显示出来。我几乎什么都试过了,但都没用 这是我的密码: MenuTabPanel.js: Ext.define('App.view.MenuTabPanel', { extend: 'Ext.tab.Panel', xtype: 'menutb', requires: [ 'Ext.TitleBar', 'Ext.dataview.List' ], con

我有Ext.dataview.List,我成功地在浏览器中看到它。但在构建了我的android应用程序列表之后,它的标题并没有显示出来。我几乎什么都试过了,但都没用

这是我的密码:

MenuTabPanel.js:

Ext.define('App.view.MenuTabPanel', {
extend: 'Ext.tab.Panel',
xtype: 'menutb',
requires: [
    'Ext.TitleBar',
    'Ext.dataview.List'
],
config: {
    tabBarPosition: 'bottom',
    fullscreen : true,
    id: 'menuTabPanel',
    //layout: 'fit',

     listeners: {
            painted : function(element, eOpts) {
                        if(this.getActiveItem()) {
                            var title = this.getActiveItem().child('[xtype=list]').title;
                            var navBar = Ext.getCmp('navMenu').getNavigationBar();
                            navBar.setTitle(title);
                        }   
                    } 
     } 
},

initialize: function() {                
    var content = [];
    //var menuStore = Ext.getStore('menuItemsStore');
    var menuStore = Ext.create('App.store.MenuItemsStore'); 

    var onMenuItemClicked = function(list, index, node,record){
        var navigateTo = Ext.create('App.view.' + record.get('Id') + 'View');
        var navMenu = Ext.getCmp('navMenu');
        navMenu.push(navigateTo);
    };
    var tabPanel = this;
     var onStoreLoad = function(){
        menuStore.filter("Level",1);
        menuStore.each(function(record) {
            var tabItem = {};
            var items = {};
            tabItem['iconCls'] = record.get('Id');
            tabItem['layout'] = 'fit';

            items['id'] = record.get('Id');
            items['title'] = record.get('Title');
            items['xtype'] = 'list';
            items['height'] = '100%';
            items['width'] = '100%';
            //items['layout'] = 'vbox';
            //items['flex'] = 1;
            items['itemTpl'] = '<div class="menuitem-text"><img src="../resources/icons/{Id}.png" /> {Title}</div>';
            //items['store'] = Ext.getStore('menuItemsStore');
            var listen = {};
            listen['itemtap'] = onMenuItemClicked;
            items['listeners'] = listen;
            tabItem['items'] = [items]; 
            content.push(tabItem);
        }
        ); 
        tabPanel.add(content);
        }

    menuStore.load(onStoreLoad);
    this.callParent(arguments);
}

});
MenuView.js:

Ext.define('App.view.MenuView', {
extend: 'Ext.NavigationView',
xtype: 'menu',
requires: [
    'Ext.TitleBar',
    'Ext.dataview.List',
    'App.view.MenuTabPanel'
],
config: {
    id: 'navMenu',

    items: [{
        xtype: 'menutb'
    }
    ]

}
});
我的应用程序从MenuView.js开始。 我做错了什么或错过了什么?或者可能是android的列表问题

编辑:


我发现activeitemchange事件存在一些问题,它在初始化后激发。当我发表评论时,这个事件列表通常显示在android上。另外,当我不加载存储和手动写入数据时,事件会正常触发。

您在logcat中看到任何错误吗?@Anubis:我在设备上测试它,而不是在模拟器上。从ADT菜单:Window->Show view->Other->logcat,您应该可以在那里看到日志(如果设备通过USB连接)。按错误级别过滤并只选择错误。阿努比斯,我不使用eclipse,我用sencha命令行构建我的应用程序。ADT是eclipse插件,不是吗?是的。尽管如此,我还是认为应该有一种方法来检查日志,即使是从命令行。
Ext.define('App.view.MenuView', {
extend: 'Ext.NavigationView',
xtype: 'menu',
requires: [
    'Ext.TitleBar',
    'Ext.dataview.List',
    'App.view.MenuTabPanel'
],
config: {
    id: 'navMenu',

    items: [{
        xtype: 'menutb'
    }
    ]

}
});