/**
Copie el código de código de la siguiente manera:
* El primer método de envío Ajax
* Este método requiere el uso directo del método ext Ajax para el envío.
* Con este método, los parámetros a pasar deben estar encapsulados
* @devolver
*/
función saveUser_ajaxSubmit1() {
Solicitud externa Ajax ({
URL: 'user_save.action',
método: 'publicar',
parámetros: {
nombre de usuario: document.getElementById('nombre de usuario').valor,
contraseña: document.getElementById('contraseña').valor
},
éxito: función (respuesta, opciones) {
var o = Ext.util.JSON.decode(respuesta.responseText);
alerta(o.msg);
},
fracaso: función() {
}
});
}
/**
* El segundo método de envío de Ajax.
* Este método especificará un formulario html para ajax de ext.
* Con este método, no es necesario encapsular los parámetros a pasar
*
* @devolver
*/
función saveUser_ajaxSubmit2() {
Solicitud externa Ajax ({
URL: 'user_save.action',
método: 'publicar',
formulario: 'userForm', // Especifica el formulario
éxito: función (respuesta, opciones) {
var o = Ext.util.JSON.decode(respuesta.responseText);
alerta(o.msg);
},
fracaso: función() {
}
});
}
/**
* El tercer método de envío de Ajax
* Este método enviará el formulario propio del ext.
* Para usar este método, necesitas usar el componente textField propio de ext.
*
* @devolver
*/
función saveUser_ajaxSubmit3() {
//definir forma
var formPanel = nuevo Ext.FormPanel ({
ancho de la etiqueta: 75,
marco: verdadero,
bodyStyle: 'relleno:5px 5px 0',
ancho: 350,
valores predeterminados: {
ancho: 230
},
tipo predeterminado: 'campo de texto',
elementos : [ {
fieldLabel: 'nombre de usuario',
nombre: 'nombre de usuario',
permitir en blanco: falso
}, {
etiqueta de campo: 'contraseña',
nombre: 'contraseña'
} ]
});
//definir ventana
var win = nueva ventana externa ({
título: 'Agregar usuario',
diseño: 'encajar',
ancho: 500,
altura: 300,
closeAction: 'cerrar',
cerrable: falso,
simple: cierto,
elementos: panel de formulario,
botones : [ {
texto: 'OK',
controlador: función() {
var formulario = formPanel.getForm();
var nombre de usuario = form.findField('nombre de usuario').getValue().trim();
var contraseña = form.findField('contraseña').getValue().trim();
si (! nombre de usuario) {
alert('El nombre de usuario no puede estar vacío');
devolver;
}
si (!contraseña) {
alert('La contraseña no puede estar vacía');
devolver;
}
formulario.enviar({
waitTitle: 'Por favor, espera...',
waitMsg: 'Guardando información del usuario, por favor espere...',
URL: 'user_save.action',
método: 'publicar',
éxito: función (forma, acción) {
alerta(acción.resultado.msg);
},
fracaso: función (forma, acción) {
alerta(acción.resultado.msg);
}
});
}
}, {
texto: 'Cancelar',
controlador: función() {
ganar.cerrar();
}
} ]
});
ganar.mostrar();
}
/**
* El cuarto método de envío de Ajax
* Este método convierte formularios html en formularios ext para envío asincrónico
* Para utilizar este método, es necesario definir el formulario html
*
* @devolver
*/
función saveUser_ajaxSubmit4() {
nuevo Ext.form.BasicForm('userForm').submit( {
waitTitle: 'Por favor, espera...',
waitMsg: 'Guardando información del usuario, por favor espere...',
URL: 'user_save.action',
método: 'publicar',
éxito: función (forma, acción) {
alerta(acción.resultado.msg);
},
fracaso: función (forma, acción) {
alerta(acción.resultado.msg);
}
});
}