Binding Tab Title Works Only For Active Tabs

1. 
   

   Thank you for reporting this bug. We will make it our priority to review this report.

   
   


2. 
   
   
   

   
   

   
   

   Binding Tab Title Works Only For Active Tabs

   
   

   
   

   Binding Tab Title Works Only For Active Tabs

   
   
   
   

   
   

   In ExtJS 5.0.0.970 If the tab titles are bound with a ViewModel data, they do not populate until the tab is activated. This was not the case in the beta release though. Here is a fiddle that illustrates the issue.
   

   http://ift.tt/1rJPvBm

   
   

   The code below has three tabs in a tab panel. First and second tabs are bound with a ViewModel data, while the third tab has static property values. Title of the first tab is rendered because it is active, second one does not render until the tab is clicked, while the third tab renders fine.

   
   

   
   

   Code:

   
   

   
   Ext.create('Ext.tab.Panel', {
       renderTo: Ext.getBody(),
       items: [{
           viewModel: {
               data: {
                   title: 'First Tab',
                   html: 'First tab content'
               }
           },
           bind: {
               title: '{title}',
               html: '{html}'
           }
       }, {
           viewModel: {
               data: {
                   title: 'Second Tab',
                   html: 'Second tab content'
               }
           },
           bind: {
               title: '{title}',
               html: '{html}'
           }
       }, {
           title: 'Third Tab',
           html: 'Third tab content'
       }]
   });
   

   
   

   
   

   
   

   
   

   
   

   
   
   
   

   ---