0

*これは私のビューです。パネルを作成しています。 * パネルにExt.List を追加したい

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

Ext.getCmp("mywantslist").add(myWantList);

インスペクト要素を確認しましたが、コードがあります...

しかし、その表示は空白です

4

1 に答える 1

0

リスト定義でプロパティを設定する必要があります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
 });
于 2012-10-16T13:20:50.183 に答える