Estou fazendo um formulario de cadastro no SEncha touch e eu não sei como fazer o formulario enviar os dados para o controller cadastrar.
No ExtJs eu faria assim
buttons:[{
text:'Cadastrar Usuário',
formBind: true,
handler:function(){
cadUsuario.getForm().submit({
method:'POST',
waitTitle:'Efetuando login no sistema',
waitMsg:'Verificando informações...',
success:function(){
cadUsuario.getForm().reset();
Ext.Msg.alert("Confirmação", "Usuário cadastrado com sucesso!");
//parent.addTab('Usuario/Permissao', 'Permissão do Usuário');
},
failure:function(form, action){
if(action.failureType == 'server'){
obj = Ext.decode(action.response.responseText);
Ext.Msg.alert('Falha no cadastro!', obj.errors.reason);
}else{
Ext.Msg.alert('Atenção!', 'Falha sistema : ' + action.response.responseText);
cadUsuario.getForm().reset();
}
}
});
}
}]
Informava que era metodo post e a URL de onde fica meu controller, mas não estou conseguindo fazer algo parecido no Touch, procurei exemplos na net, mas não achei nada.
Alguem saberia como?
Haaa... meu codigo no Touch ta assim...
<script type="text/javascript">
Ext.setup({
icon: 'icon.png',
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
glossOnIcon: false,
onReady: function() {
var form;
var formBase = {
scroll: 'vertical',
url : 'Login/Logar',
standardSubmit : false,
items: [{
xtype: 'fieldset',
title: 'Dados de acesso',
instructions: 'Informe os dados de acesso',
defaults: {
required: true,
labelAlign: 'left',
labelWidth: '40%'
},
items: [
{
xtype: 'textfield',
name : 'name',
id : 'name',
label: 'Usuário',
useClearIcon: true,
autoCapitalize : false
}, {
xtype: 'passwordfield',
name : 'password',
id : 'password',
label: 'Senha',
useClearIcon: false
}]
}
],
listeners : {
submit : function(form, result){
console.log('success', Ext.toArray(arguments));
},
exception : function(form, result){
console.log('failure', Ext.toArray(arguments));
}
},
dockedItems: [
{
xtype: 'toolbar',
dock: 'bottom',
items: [
{
text: 'Limpar',
handler: function() {
form.reset();
}
},
{
text: 'Logar',
ui: 'confirm',
handler: function() {
method:'POST'
}
}
]
}
]
};
if (Ext.is.Phone) {
formBase.fullscreen = true;
} else {
Ext.apply(formBase, {
autoRender: true,
floating: true,
modal: true,
centered: true,
hideOnMaskTap: false,
height: 385,
width: 480
});
}
form = new Ext.form.FormPanel(formBase);
form.show();
}
});
</script>
