refresh - 如何在 Sencha Touch 2 中刷新标签面板项目

Question

我正在使用具有 4 个选项卡的选项卡面板（Ext.tab.Panel），当用户从单选按钮组中进行选择时，在其中一个子屏幕上，我希望选项卡面板能够自行刷新（即加载新文本，新图标）。如何强制选项卡面板（这是应用程序的核心导航元素）刷新？

我尝试在视图上设置 show: function() { } 方法，如下所示：

Ext.define('MyApp.view.Main', { 
    extend: 'Ext.tab.Panel',
...
    show: function() {
        this.callParent();
        ... reload stuff
    }
});

Answer 1

a 中的选项卡/图标构成组件Ext.tab.Panel的items属性。要更改这些选项卡/图标，您必须更改项目。

用于setItems(items)有效地更改Ext.tab.Panel侦听器内部的选项卡/图标。

var tabpanel = Ext.getCmp('tabpanelid'); // Get appropriate panel using its id

// Removes the current tabs, and inserts the following 2 tabs
tabpanel.setItems([
    {
        title: 'Tab1',
        iconCls: 'info',
        html: 'Foo'
    },
    {
        title: 'Tab2',
        iconCls: 'reply',
        html: 'Bar'
    }
);

在这里查看一个工作示例。

更新：要修改当前项目之一，请使用getItems()，修改适当的项目，然后调用setItems(items)。

更新示例