оно???:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="js/ext-4.2.1.883/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="ext-4.2.1.883/resources/css/ext-all.css">
<script type="text/javascript">
Ext.onReady(function() {
var tabs = Ext.widget('tabpanel',
{
renderTo: Ext.getBody(),
resizeTabs: true,
enableTabScroll: true,
width: 300,
height: 250,
items: [
{
title: 'Tab 1',
iconCls: 'tabs',
items: [
{
xtype: 'button',
text: 'click me',
handler: function()
{
tabs.setActiveTab(1);
}
}]
},
{
title: 'Tab 2',
iconCls: 'tabs',
html: 'Tab Body2222<br/><br/>'
},
{
title: 'Tab 3',
iconCls: 'tabs',
html: 'Tab Body3333<br/><br/>'
}]
});
});
</script>
</body>
</html>