cadastro extjs com abas

Tenho esse cadastro simples e gostaria de saber como faço pra fazer esse mesmo cadastro com 3 abas que irão conter as informações para cadastro.

Ext.onReady(function(){
Ext.QuickTips.init();
var simpleForm = new Ext.FormPanel ({

labelWidth: 75, url:'save-form.php', frame:true, title: 'Cadastro de Usuário', bodyStyle:'padding:5px 5px 0', width: 350, defaults: {width: 230}, defaultType: 'textfield', items: [{ fieldLabel: 'Nome', name: 'nome', allowBlank:false },{ fieldLabel: 'Endereco', name: 'endereco' },{ fieldLabel: 'Cidade', name: 'cidade' },{ fieldLabel: 'Estado', name: 'estado' }], buttons: [{ text: 'Enviar', handler: function () { simpleForm.getForm().submit({ waitMsg: 'Salvando...',

success: function () {
Ext.MessageBox.alert ('Message','Data has been saved');
simpleForm.getForm().reset();
},
failure: function () {
Ext.MessageBox.alert ('Message','Saving data failed');
}
});
}

},{ text: 'Cancelar',

handler: function () {
simpleForm.getForm().reset();
}
}]
});
simpleForm.render ('simple-form');
});