Sencha Touch 动态添加项目

Posted 2023-02-26

【中文标题】Sencha Touch 动态添加项目

【英文标题】：Sencha Touch add dynamically items

【发布时间】：2011-04-13 22:27:00

【问题描述】：

如何在 Ext.panel 中动态添加新项目？这是我正在使用的代码；

app.views.ViewItem = Ext.extend(Ext.Panel, 
    id: '0',
    dockedItems: [
        xtype: 'toolbar',
        title: 'Melvin test',
        items: [
            
                text: 'Terug',
                ui: 'back',
                listeners: 
                    'tap': function () 
                        Ext.dispatch(
                            controller: app.controllers.appController,
                            action: 'backToRssList',
                            animation: type:'slide', direction:'right'
                        );
                    
                
            ,
            xtype:'spacer',
            
                id: 'share',
                text: 'Delen',
                ui: 'action',
                listeners: 
                    'tap': function () 
                        Ext.dispatch(
                            controller: app.controllers.appController,
                            action: 'share',
                        );
                    
                
            
        ]
    ],
    items: [],
    initComponent: function()  
        app.views.ViewItem.superclass.initComponent.apply(this, arguments); 
    ,
    getView: function(data) 
        //this.items.add(html: 'test');
    ,
);

在 getView 函数中，我试图用这一行添加一个新项目；

this.items.add(html: 'test');

出现的错误（在 Rockmelt、Chrome 中）是；

Uncaught TypeError: Object #<Object> has no method 'getItemId'

显然这不起作用，我做错了什么？

【参考方案1】：

您是否尝试对面板本身使用 add() 函数？例如：

this.add(html: 'test');

【讨论】：

@user706933 再次感谢您对此的回复，但请将答案标记为正确以关闭问题。