Javascript sencha将列表添加到面板,然后将面板添加到我的tabpanel.in控制器中

Javascript sencha将列表添加到面板,然后将面板添加到我的tabpanel.in控制器中,javascript,extjs,sencha-touch-2,Javascript,Extjs,Sencha Touch 2,当我在视图中直接编写代码时。列表成功显示在我的选项卡面板的选项卡中。查看下面的视图 { xtype: 'tabpanel', itemId: 'tabfirst', flex: 1, //activeItem: 1, tabBar: { layout: { pack: 'center'

当我在视图中直接编写代码时。列表成功显示在我的选项卡面板的选项卡中。查看下面的视图

        {
            xtype: 'tabpanel',
            itemId: 'tabfirst',
            flex: 1,
            //activeItem: 1,
            tabBar: {
                layout: {
                    pack: 'center'
                }
            },
            items: [
                {
                    title: 'tab1',
                    xtype: 'list',
                    itemTpl: '{title}',
                    data: [
                        {title : 'title1'},
                        {title : 'title2'},
                        {title : 'title3'}
                    ]                        
                },
                {
                    title: 'tab2',
                    html: 'here second html2'
                }
            ]
        }
但这在我的控制器中并不成功。我的账单上没有任何东西

Ext.define('ylp2p.controller.addtab',{
extend: 'Ext.app.Controller',
launch: function(){
    var moneytab = Ext.ComponentQuery.query('.makemoney #tabfirst')[0];//--get my tabpanel
    var titlestor = Ext.create('ylp2p.store.loanlist');//---get my store
    titlestor.load({
        callback: function(records, operation, success){
            Ext.each(records, function(record){
                var loanname = record.get('loanname');
                var myPanel = Ext.create('Ext.Panel',{ 
                    //the code is same in my view but not work
                    title: loanname,
                    xtype: 'list',
                    itemTpl: '{title}',
                    data: [
                        {title : 'title1'},
                        {title : 'title2'},
                        {title : 'title3'}
                    ]
                });
                moneytab.add([myPanel]);
               //add above panel
            });
        }
    });
}
});

当我在面板中只添加标题和html时,它就工作了。然后我把它改为list.it,它在directwrite视图中成功了。但它不起作用,请直接在controller中编写。

由于我没有足够的声誉发表评论,我将此作为答案发布:


您是否尝试过全屏查看:true配置,以及是否在Ext.app.Application控制器列表中包含控制器?

使用此代码添加列表。它会起作用的

var myPanel = Ext.create('Ext.List', {
//the code is same in my view but not work
title: loanname,
itemTpl: '{title}',
data: [
    { title: 'title1' },
    { title: 'title2' },
    { title: 'title3' }
]
 });
 moneytab.add([myPanel]);