gistfile1.js

Ext.application({
    name: 'tabtest1',

    launch: function() {
    	var tabItems = [];
    
    	var pages = Ext.query('div[data-role=page]');
    	var main = pages[0]; //take first page as main page
    	
    	var tabs = Ext.query('div[data-role=tab]', main);
    	Ext.each(tabs, function(tab, index) {
    		var item = {
    			title: tab.getAttribute('data-title'),
            	iconCls: tab.getAttribute('data-icon'),
            	html: tab.innerHTML
    		};
    		
    		tabItems.push(item);
    	});
    	
    	//Remove page from body
    	document.body.removeChild(main);
    	
        Ext.create("Ext.TabPanel", {
            fullscreen: true,
            
            tabBar: {
                docked: 'bottom',
                layout: {
                    pack: 'center'
                }
            },
            
            defaults: {
        		styleHtmlContent: true,
        		scrollable: true
    		},
            items: tabItems
        });
        console.log('ok');
    }
});