添加或删除项目时,面板不会触发“添加”或“删除”

时间:2011-07-05 09:46:49

标签: events panel sencha-touch

这是我的小组(注意听众):

ToolbarDemo.views.homecard = Ext.extend(Ext.Panel, 
{
    title: "Meny",
    iconCls: "home",
    scroll: "vertical",
    tpl: [
        '<tpl for=".">',
        '   <div class="x-component" style="height: 110px">',
        '       <div class="home_button_container">',
        '           <img class="home_button" src="{url_icon_large}" />',
        '           <p class="home_button_text">{name}</p>',
        '       </div>',
    '       </div>',
        '</tpl>'
    ], 
    bodyStyle: "background-color: #FFFFFF !important; background-image: url(images/background.png) !important; background-repeat:no-repeat; background-position:bottom left;",
    initComponent: function() 
    {
        Ext.apply(this, 
        {
            dockedItems: [{
                xtype: "toolbar"
            }],
            defaults: {height: "110px"},
            items: [
                componentArray
            ]
        }); 

        this.addListener("added", function()
        {
            console.log("Somthing has been added");
            this.doLayout();
        })

        this.addListener("render", function()
        {
            makeJSONPRequest();
            console.log("Finished rendering");
            this.doLayout();
        })

        this.addListener("removed", function()
        {
            console.log("Somthing has been removed");
            this.doLayout();
        })
            //item(fronterButton);
        ToolbarDemo.views.homecard.superclass.initComponent.apply(this, arguments);
    }

});

当我删除所有

ToolbarDemo.views.homecard.removeAll();

什么都没发生。什么都没有。纳达。

我甚至尝试通过控制台删除所有内容,但没有任何事情发生。

有没有人知道问题可能是什么?

提前致谢

1 个答案:

答案 0 :(得分:2)

你正在听错事件。

如果您想侦听在容器上添加/删除的项目,您需要添加/删除。

如果您想要侦听从容器中添加/删除的组件,则需要添加/删除。