How to update tabPanel element title in extjs (sencha touch)

Question

How do I update the title property of an element in a tabPanel from another function?

mainpanel is my tabPanel and I am successfully updating the name according to my js debugger. Calling doLayout(); doesn't seem to redraw the tab in the user interface though!

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

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

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

Answer 1

Is there a method setTitle()?

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

Panel.title1Button.setText(finToolbarTitle);

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

Answer 4

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 5

let tabtitle= Ext.ComponentQuery.query('# tabs');// - itemId tabTitle.getAt(index_no_for_tab).tab.setTitle(' ');