Sencha touch 如何从sencha中的控制器向面板添加列表

*这是我的视图，我正在创建面板，*我想向面板添加外部列表

Ext.define('myApp.view.MyWant', {
    extend : 'Ext.Panel',
    xtype : 'mywant',

    initialize : function() {
        console.log(localStorage.currentuser + " in MyWant View");
        var newWant = {
            xtype : 'button',
            iconCls : 'add',
            ui : 'action',
            handler : this.onTapNew,
            scope : this
        };

        var topToolbar = {
            xtype : 'toolbar',
            docked : 'top',
            defaults : {
                iconMask : true
            },
            title : 'My Wants',
            items : [{
                xtype : 'spacer'
            }, newWant]
        };

        var myWantsList = {
            xtype : 'panel',
            flex : 1,
            id : 'mywantslist',
            html : 'want list'
        };

        this.add(topToolbar);
        this.add(myWantsList);
    },
    config : {
        layout : {
            type : 'vbox'
        }
    }
});

我正在从控制器将下面的列表添加到myWantsList面板（下面的代码在控制器中）

var myWantList=Ext.create（'Ext.List'{
itemCls:“我的数据视图项”，
html:'需要列表'，
itemTpl:“{fullname}{replyCount}
{text}{time}
”，
商店：myWantStore
});
Ext.getCmp（“myWantList”）.add（myWantList）；

我检查了元素，有一个代码

---

但其显示为空白

您必须在列表定义中设置一个属性，

renderTo

，例如：

var myWantList  = Ext.create('Ext.List', {
    renderTo: mywant.getComponent().element.dom,
    itemCls : 'my-dataview-item',
    html : 'wants-list',
    itemTpl : '<div><img src="'+localStorage.httpServerPrefix+
              '{imageURI}"/><span class="list-item-title">{fullname}</span><span id="count" class="list-item-title">{replyCount}</span><p class="list-item-title">{text} <span id="time" class="list-item-title">{time}</span></p>',
    store : myWantStore
 });

var myWantList=Ext.create（'Ext.List'{
renderTo:mywant.getComponent（）.element.dom，
itemCls:“我的数据视图项”，
html:'需要列表'，
itemTpl:“{fullname}{replyCount}
{text}{time}
”，
商店：myWantStore
});

尝试将

layout:fit

添加到“mywantslist”面板的配置中。您应该查看调试控制台以获取详细错误，也可以将mywantslist xtype更改为“list”@Viswa尝试在存储的“config”内添加自动加载：true。

var myWantList  = Ext.create('Ext.List', {
    renderTo: mywant.getComponent().element.dom,
    itemCls : 'my-dataview-item',
    html : 'wants-list',
    itemTpl : '<div><img src="'+localStorage.httpServerPrefix+
              '{imageURI}"/><span class="list-item-title">{fullname}</span><span id="count" class="list-item-title">{replyCount}</span><p class="list-item-title">{text} <span id="time" class="list-item-title">{time}</span></p>',
    store : myWantStore
 });