/**
Copiez le code comme suit :
* La première méthode de soumission Ajax
* Cette méthode nécessite l'utilisation directe de la méthode ext Ajax pour la soumission
* En utilisant cette méthode, les paramètres à transmettre doivent être encapsulés
* @retour
*/
fonction saveUser_ajaxSubmit1() {
Ext.Ajax.request( {
URL : 'user_save.action',
méthode : 'poster',
paramètres : {
nomutilisateur : document.getElementById('nomutilisateur').value,
mot de passe : document.getElementById('password').value
},
succès : fonction (réponse, options) {
var o = Ext.util.JSON.decode(response.responseText);
alert(o.msg);
},
échec : function() {
}
});
}
/**
* La deuxième méthode de soumission Ajax
* Cette méthode spécifiera un formulaire HTML pour l'ajax d'ext
* En utilisant cette méthode, il n'est pas nécessaire d'encapsuler les paramètres à transmettre
*
* @retour
*/
fonction saveUser_ajaxSubmit2() {
Ext.Ajax.request( {
URL : 'user_save.action',
méthode : 'poster',
form : 'userForm', // Spécifiez le formulaire
succès : fonction (réponse, options) {
var o = Ext.util.JSON.decode(response.responseText);
alert(o.msg);
},
échec : function() {
}
});
}
/**
* La troisième méthode de soumission Ajax
* Cette méthode soumettra le propre formulaire du poste
* Pour utiliser cette méthode, vous devez utiliser le propre composant textField d'ext
*
* @retour
*/
fonction saveUser_ajaxSubmit3() {
// définit le formulaire
var formPanel = nouveau Ext.FormPanel( {
largeur de l'étiquette : 75,
cadre : vrai,
bodyStyle : 'remplissage:5px 5px 0',
largeur : 350,
valeurs par défaut : {
largeur : 230
},
Type par défaut : 'champ de texte',
articles : [ {
fieldLabel : 'nom d'utilisateur',
nom : 'nomutilisateur',
AllowBlank : faux
}, {
fieldLabel : 'mot de passe',
nom : 'mot de passe'
} ]
});
//définir la fenêtre
var win = new Ext.Window( {
titre : 'Ajouter un utilisateur',
mise en page : 'ajustement',
largeur : 500,
hauteur : 300,
closeAction : 'fermer',
fermable : faux,
clair : vrai,
éléments : formPanel,
boutons : [ {
texte : 'OK',
gestionnaire : fonction() {
var form = formPanel.getForm();
var userName = form.findField('userName').getValue().trim();
var mot de passe = form.findField('password').getValue().trim();
si (!nom d'utilisateur) {
alert('Le nom d'utilisateur ne peut pas être vide');
retour;
}
si (!mot de passe) {
alert('Le mot de passe ne peut pas être vide');
retour;
}
formulaire.submit({
waitTitle : 'Veuillez patienter...",
waitMsg: 'Enregistrement des informations utilisateur, veuillez patienter...',
URL : 'user_save.action',
méthode : 'poster',
succès : fonction (forme, action) {
alerte(action.result.msg);
},
échec : fonction (forme, action) {
alerte(action.result.msg);
}
});
}
}, {
texte : 'Annuler',
gestionnaire : fonction() {
win.close();
}
} ]
});
win.show();
}
/**
* La quatrième méthode de soumission Ajax
* Cette méthode convertit les formulaires HTML en formulaires ext pour une soumission asynchrone
* Pour utiliser cette méthode, vous devez définir le formulaire html
*
* @retour
*/
fonction saveUser_ajaxSubmit4() {
new Ext.form.BasicForm('userForm').submit( {
waitTitle : 'Veuillez patienter...",
waitMsg: 'Enregistrement des informations utilisateur, veuillez patienter...',
URL : 'user_save.action',
méthode : 'poster',
succès : fonction (forme, action) {
alerte(action.result.msg);
},
échec : fonction (forme, action) {
alerte(action.result.msg);
}
});
}