1

4 つのタブを持つタブ パネル (Ext.tab.Panel) を使用しています。子画面の 1 つで、ユーザーがラジオ ボタン グループから選択したときに、タブ パネルがそれ自体を更新するようにします (つまり、新しいテキストを読み込みます)。 、新しいアイコン)。タブ パネル (アプリのコア ナビゲーション要素) を強制的に更新するにはどうすればよいですか?

次のように、ビューで show: function() { } メソッドを設定しようとしました。

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

1 に答える 1

0

コンポーネントのプロパティを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'
    }
);

ここで実際の例を確認してください。

更新:現在の項目の 1 つを変更するには、 を使用getItems()し、適切な項目を変更して、 を呼び出しますsetItems(items)。

更新された例

于 2013-01-17T17:10:30.070 に答える