Buenas noches...!

Mi problema es el siguiente..

Como hago para poder abrir el contenido de un tab en iframe..!

Este es el codio que me genera los tab

<script type="text/javascript">

Ext.onReady(function(){

var tabs = new Ext.TabPanel({
renderTo:'tabs',
resizeTabs:false, // turn on tab resizing
minTabWidth: 115,
frame:true,
tabWidth:135,
enableTabScroll:true,
width:'100%',
height:600,
defaults: {autoScroll:true},
plugins: new Ext.ux.TabCloseMenu()
});

// tab generation code

tabs.add({
title: 'Inicio',
iconCls: 'tabs',
autoLoad: {url: '<?php echo url_for('@homepage') ?>', scripts:true},
closable:false
}).show();


tabs.add({
title: 'Registrar pago ',
iconCls: 'tabs',
autoLoad: {url: '<?php echo url_for('pagos/registrar') ?>', scripts:true},
closable:true
}).show();

tabs.add({
title: 'Libro de ventas',
iconCls: 'tabs',
autoLoad: {url: '<?php echo url_for('libros/ventas') ?>', scripts:true},
closable:true
}).show();

</script>

Lo que quiero hacer es que el contendo de cada tab este dentro de un iframe por que el ajax que devuelve tiene formularios y necesito que se envio los datos del formulario sin tener que recargar toda la pagina, mas solo se recargue el iframe que se encuentra dentro de cada tab...!

y por que no utilizas la clase Ext.ajax.request para realizar el envio de la informacion? de esa forma te evitas el uso de iframes.

tabs.add({
title: 'Libro de ventas',
iconCls: 'tabs',
bodyCfg: {
tag: 'iframe',
src: url
}
closable:true
}).show();