extjs - extjs (sencha touch) で tabPanel アイテムのタイトルを更新するにはどうすればよいですか

Question

別の関数から tabPanel 内の項目のタイトル プロパティを更新するにはどうすればよいですか?

mainpanel は私の tabPanel であり、js デバッガーに従ってタイトルを正常に更新しています。Calling doLayout(); ただし、UI でタブを再描画していないようです。

var mainpanel = Ext.getCmp('mainpanel');

   var item = mainpanel.items.items[0];

   item.title = 'Me';
   mainpanel.doLayout();

Answer 1

別の機能からタイトルを更新するために使用できます

Panel.title1Button.setText(finToolbarTitle);

また

ドッキングされたアイテムのツールバーについて言及した場合

Panel.dockedItems.items[1].setTitle(toolbarTitle);

Answer 2

これは、タブのタイトルを設定するために私が書いたオーバーライド関数です。それを使用するファイルの前に、これを js に含めます。TabPanel.setTabTitle( tabNo, newTitle )メソッドを追加します。

タブ内のコールバックでの使用例:

this.ownerCt.setTabTitle( 0, 'My Title');

オーバーライド コード:

/**
 * Overrides the Ext.TabPanel to add .setTabTitle() function
 */
Ext.override(Ext.TabPanel, {
    /**
     * Set the title of a specific tab
     */
    setTabTitle: function( tabNo, newTitle ) {
        // make sure we have a number and tab exists
        if( tabNo>=0 && !Ext.isEmpty( this.getTabEl(tabNo))) {
            var tabEl = this.getTabEl(tabNo); // walk down dom, update title span
            Ext.getDom(tabEl).down('.x-tab-strip-text').innerHTML = newTitle;
        }
     }
 });

Answer 3

extjs 4.0、4.1、または 4.1.1 では、タブ要素変数がある場合、タイトルを変更できます。

//var tabEl = this.getActiveTab();
Ext.getDom(tabEl).tab.btnEl.dom.innerText = 'My New Title';

次のように、タブ パネルで新しいメソッドを定義することもできます。

setTabTitle: function(tabEl, title) {
    Ext.getDom(tabEl).tab.btnEl.dom.innerText = title;    
}

Answer 4

方法はありませんsetTitle()か？