formpanel peut être utilisé comme ceci, l'exemple sur l'api :
var panel =Ext.create('Ext.form.Panel', {
titre : 'Simple Form',
bodyPadding : 5,
largeur : 350,
// passera AJAX Soumettre la requête à cette URL
//url : 'save-form.php',
// Les champs du formulaire Les champs seront disposés verticalement, occupant toute la largeur
layout : 'anchor',
valeurs par défaut : {
anchor : '100%'
},
// Les champs
defaultType : 'textfield',
items : [{
fieldLabel : 'First Name',
name : 'first',
allowBlank : false
},{
fieldLabel : 'Last Name',
name : 'last ',
allowBlank : false
}],
// Boutons de réinitialisation et d'enregistrement
boutons : [{
texte : 'Réinitialiser',
gestionnaire : fonction( ) {
this.up('form').getForm().reset();
}
}, {
text: 'Save',
formBind: true, // activé uniquement une fois que le formulaire est valide
disabled: true,
handler: function() {
var form = this.up('form').getForm(); ()) {
form.submit({
success: function(form, action) {
Ext.Msg.alert('Enregistrer avec succès', action.result.msg);
},
échec : function(form, action) {
Ext.Msg.alert('Opération échouée', action.result.msg
}
}
}
); }
}],
renderTo: Ext.getBody()
);
En regardant l'API, le formpanel n'a pas de configuration d'URL et aucune fonction pour obtenir l'API . . Je pense que cela devrait être un paramètre de la classe parent du formpanel. .
Plus tard, j'ai jeté un œil à ext.form.basic, et bien sûr, il y a un élément de configuration d'URL. .
Dans Ext, FormPanel n'enregistre pas les données du formulaire. Les données sont enregistrées par BasicForm. Lors de la soumission d'un formulaire, vous devez obtenir le BasicForm dans le FormPanel actuel pour la soumission. L'objet peut être utilisé pour soumettre le formulaire
Parce qu'il y a deux composants à utiliser dans le projet, la seule différence entre ces deux composants est que l'URL soumise est différente, je n'ai donc pas défini l'URL lors de la définition. le composant. Cet élément
puis ajoutez différentes URL lorsque le composant est ajouté à différents conteneurs, en prenant l'exemple ci-dessus comme exemple
si nécessaire
Copier le code
Le code est le suivant : panel.getForm().url='../LogSelectServlet';//Dans différents Les lieux peuvent se voir attribuer différentes URL comme celle-ci
Cette méthode est un bon moyen de réutiliser des composants.