Here's how I do it - but I'm far from a pro at this...
Note: I've yet to figure out how to access the elements in each tab until I click and show it. In case you were headed in that direction. I'm using Ext.select(td.class) but I only get Tab 0's elements until I click through all other tabs...
Code:
var MyTabPanels = Ext.create('Ext.tab.Panel', {
height: 350,
width: 525,
activeTab: 0,
items: [{
title: 'First Tab Title',
autoScroll: true,
loader: {
url: 'path/to/htmlFileWithMarkupAndScript.htm',
contentType: 'html',
scripts: true,
loadMask: true,
autoLoad: true
listeners: {
activate: function(tab){SomethingToDoWhenYouClickTheTab();}
}
}
}