/**
Copie o código do código da seguinte forma:
* O primeiro método de envio Ajax
* Este método requer o uso direto do método ext Ajax para envio
* Usando este método, os parâmetros a serem passados precisam ser encapsulados
* @retornar
*/
função saveUser_ajaxSubmit1() {
Ext.Ajax.request({
url: 'user_save.action',
método: 'post',
parâmetros: {
userName: document.getElementById('userName').value,
senha: document.getElementById('senha').value
},
sucesso: function(resposta, opções) {
var o = Ext.util.JSON.decode(response.responseText);
alerta(o.msg);
},
falha: função() {
}
});
}
/**
* O segundo método de envio do Ajax
* Este método irá especificar um formulário html para o ajax do ext
* Usando este método, não há necessidade de encapsular os parâmetros a serem passados
*
* @retornar
*/
função saveUser_ajaxSubmit2() {
Ext.Ajax.request({
url: 'user_save.action',
método: 'post',
form : 'userForm', // Especifique o formulário
sucesso: function(resposta, opções) {
var o = Ext.util.JSON.decode(response.responseText);
alerta(o.msg);
},
falha: função() {
}
});
}
/**
* O terceiro método de envio do Ajax
* Este método enviará o próprio formulário do ext
* Para usar este método, você precisa usar o componente textField do próprio ext
*
* @retornar
*/
função saveUser_ajaxSubmit3() {
//define o formulário
var formPanel = new Ext.FormPanel({
largura da etiqueta: 75,
quadro: verdadeiro,
bodyStyle: 'preenchimento:5px 5px 0',
largura: 350,
padrões: {
largura: 230
},
defaultType: 'campo de texto',
Unid : [ {
fieldLabel: 'nome de usuário',
nome: 'nomedeusuario',
permitirBlank: falso
}, {
fieldLabel: 'senha',
nome: 'senha'
} ]
});
//define a janela
var win = new Ext.Window({
título: 'Adicionar usuário',
layout: 'ajuste',
largura: 500,
altura: 300,
closeAction: 'fechar',
fechável: falso,
simples: verdadeiro,
itens: formPanel,
botões: [ {
texto: 'OK',
manipulador: function() {
var formulário = formPanel.getForm();
var nome_do_usuário = form.findField('nome_do_usuário').getValue().trim();
var senha = form.findField('senha').getValue().trim();
if (!nomedeusuário) {
alert('Nome de usuário não pode ficar vazio');
retornar;
}
if (!senha){
alert('A senha não pode estar vazia');
retornar;
}
formulário.submit({
waitTitle: 'Por favor, espere...',
waitMsg: 'Salvando informações do usuário, aguarde...',
url: 'user_save.action',
método: 'post',
sucesso: função(forma, ação) {
alerta(ação.resultado.msg);
},
falha: função(forma, ação) {
alerta(ação.resultado.msg);
}
});
}
}, {
texto: 'Cancelar',
manipulador: function() {
win.close();
}
} ]
});
ganhar.show();
}
/**
* O quarto método de envio do Ajax
* Este método converte formulários HTML em formulários ext para envio assíncrono
* Para usar este método, você precisa definir o formulário HTML
*
* @retornar
*/
função saveUser_ajaxSubmit4() {
novo Ext.form.BasicForm('userForm').submit( {
waitTitle: 'Por favor, espere...',
waitMsg: 'Salvando informações do usuário, aguarde...',
url: 'user_save.action',
método: 'post',
sucesso: função(forma, ação) {
alerta(ação.resultado.msg);
},
falha: função(forma, ação) {
alerta(ação.resultado.msg);
}
});
}