title: How to refer to a tabpanels tab, from inside
body: <p>I have a tabpanel which is part of a form (input fields are on different tabs). I need to inform the user on submission if a form has invalid fields even if they are not on the current tab. I think the best way would be to change the tabs color. </p>
  
  <p>The question is how can I get the reference for the tab button, without introducing a new id?</p>
  
  <p>Here is what i was trying to do, turned out to be a dead end since i get reference to the tab inner body, and with one more up to the entire tab panel</p>
  
  <pre><code>...
  xtype:'tabpanel',
  plain:true,
  activeTab: 0,
  height:190,
  margin: '10 0 0 0',
  items: [{
      title: 'Personal',
      layout:'column',
      border:false,
      items:[{
          columnWidth:.5,
          border:false,
          layout: 'anchor',
          defaultType: 'textfield',
          items: [{
               fieldLabel: 'Email',
               name: 'user[email]',
               allowBlank: false,
               listeners: {
                   'validitychange': function(th, isvalid, eOpts) {
                       if(!isvalid) {
                           alert(this.up().up().getId());
                       };
                   }
               },
               vtype:'email',
               anchor:'95%'
          }]
      }]
  }]
  </code></pre>