Zend form + Ajax

**gogololo** · 26/08/2011, 17h13

Bonjour a tous,

Voila j'ai voulu faire évoluer mon site afin qui soit plus rapide dans ses temps de chargement en y incluant de l'ajax via jquery. Pour le chargement des pages sa ne pose aucun problème.

Mais maintenant je veut faire en sorte que lorsque je fais une modification dans mes formulaires et que je click sur envoyer sa me recharge que l’endroit ou il y avait le formulaire et que bien sur sa modifie en base de données avec les éléments que j'ai mis dans mon formulaire.
C'est la que sa pose problème

. C'est que sans ajax tout fonctionne bien il y a pas de souci mes action de mise a jour fonctionne nickel ! Mais maintenant que j’intègre de l'ajax mon test de mon formulaire ne passe plus et du coup me renvoie mon formulaire comme si il y a avait une erreurs !

J'ai bien compris que en ajax pour les formulaires il faut faire une sérialisation que l'on mais dans notre script jquery. Cela fonctionne et grâce a un Zend_Debug j'ai pu vérifier qu'il me récupérer bien mon $_POST. Mais du coup je perd tout les controlles des validateur et filtre que j'ai paramétrer dans mon formulaire. La question est comment je fais pour que tout fonctionne comme avant mais avec l'ajax en + ?

Le controller :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
public function updatememberAction() //action ou ce trouve mon formulaire
{
    $this->_helper->layout->disableLayout(); //supprime le layout
 
    //... Fait mon appel a la base de données repeuple mon formulaire et l'envoie dans la vue => OK
}
 
 public function updatedAction() //action qui mais a jour mon formulaire dans la BDD
{
    $Form_Admin_User = $this->_getRegistrationForm();
 
    if($Form_Admin_User->isValid($_POST))
    {
               //J'envoie dans la BDD les infos de mon formulaire
    }
    else {
            // je revient sur mon formulaire et affiche les erreurs.
    }
}
 
private function _getRegistrationForm() //methode privee qui parametre mon formulaire (action, decorateur ...)
		{
			$Form_Admin_User = new Form_Admin_User;
			$Form_Admin_User->setDecorators(array(array('ViewScript', array('viewScript' => $this->_helper->viewRenderer->getViewScript('userFormDecorator')))));
			return $Form_Admin_User->setAction($this->_helper->url->url(array('controller' => 'admin', 'action' => 'updaded', 'accountId' => $this->_getParam('accountId')), 'route_locale', true));
		}

Ma vue: updatemember.phtml

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<div class="encadre">
		<div class="clearfix">
			<div class="floatLeftForm2">
				<div id="Form_Member_Update_<?php echo $this->param; ?>"><?php echo $this->Form_Member_Update;?></div>// Mon formulaire est ICI !!!!!
			</div>
			<div class="floatLeftForm2" style="margin-left: 5%;">
				<?php echo $this->licence; ?>
				<br />
				<?php echo $this->password; ?>
				<br />
				<?php if($this->infoMembre['picture'] != 'Aucune'): ?>
					<img src="/picture/controllers/account/avatar/<?php echo $this->infoMembre['picture'] ?>" style="width: 300px;margin: 5%"/>
				<?php endif ?>
				<?php if($this->infoMembre['picture'] === 'Aucune'): ?>
					<img src="/picture/controllers/account/avatar/noavatar.png" style="width: 300px; margin: 5%"/>
				<?php endif ?>
			</div>
		</div>
	</div>
<script type="text/javascript"> //Ma config ajax
	$J(document).ready(function(){
 
 
	 $J("form.Zend_Form").click(function() {
             $J("#Form_Member_Update_<?php echo $this->param; ?>").empty().html('<img style="margin: 0 auto;" src="/picture/layout/ajax-loader2.gif" /><br />En cours de mise à jour');
	     var datas = $J(this).serialize(); //recuperation des elements de mon formulaire.
	     $J.ajax({
                   type:"POST",
                   url:$J(this).attr("action"),
		   data: datas,
                   success: function(retour){
			$J("#Form_Member_Update_<?php echo $this->param; ?>").empty().append(retour);
			alert("Mise à jour effectué avec succés");
                   }
               });
               return false;
         });
      });
</script>

Merci a tous d'avance pour l'aide

**m4riachi** · 26/08/2011, 17h38

Quel Action est exécute par ajax??
Si c'est updatemember alors la vérification et l'insertion doivent être dans cette action.
Si non fais un print_r de ton $_POST

**gogololo** · 26/08/2011, 17h51

L'action va dans dans update. Sa me lance bien le script mais me retourne le formulaire comme si il y avait une erreur ! Ce qui est normale vu je lorsque je fais un Debug de ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$Form_Admin_User = $this->_getRegistrationForm();

il me retourne un array vide
donc il faut mettre dans le script dans data les valeurs que va prendre le POST.

**m4riachi** · 26/08/2011, 17h59

Un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
print_r($_POST);exit;

il faut qu'il t'affiche ton array dans le div

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="Form_Member_Update_<?php echo $this->param; ?>"><?php echo $this->Form_Member_Update;?></div>

Pour vérifier les valeur envoyé par l'ajax.

**gogololo** · 26/08/2011, 18h24

Il me retourne un Array ( ) vide !

DSL

C'est bon il me retourne toute mes valeur
mes mon formulaire n'est toujours pas valide !

**gogololo** · 28/08/2011, 02h02

Pour infos j'ai resolue mon probleme il fallait que je passe comme test de mon formulaire ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if($Form_Admin_User->isValidPartial($_POST)) 
au lieu de :
if($Form_Admin_User->isValid($_POST))

Si sa peut peut aider d'autre personne ! C'est apparement ce qu il faut utiliser quand on fais de l'ajax avec des formulaire sous zend !

**5h4rk** · 28/08/2011, 10h01

Cela est completement faut car la il suffit que tu ais a peine une chose de valide pour que ça soit bon donc le test est presque inutile

**gogololo** · 29/08/2011, 11h11

Le problème c'est que si je ne fais pas test le retour de mes valeur ne ce fais pas !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$datas = $form->getValues(); //il me retourne aucune valeur si je ne fais pas un test au préalable il me retourne un Array() vide

Si il n'y as pas de test il me retourne toute mes valeurs du formulaire a NULL et lorsque je passe un isValidPartiel le test ce valide et la j’obtiens mes valeurs !

Comment faire autrement alors ? car je ne connais pas d'autre moyen !

**Alcide_** · 29/08/2011, 12h56

Comme le sous-entend 5h4rk, les méthodes "isValid()" et "isValidPartial()" n'ont pas le même but.
Là où "isValid()" va effectuer une validation sur tous les champs de ton formulaire, "isValidPartial()" va effectuer la validation seulement sur les champs ayant une existence dans $_POST, donc si un champ n'existe pas dans $_POST il ne sera pas validé.

Après si c'est cela ton but, pas de problème mais il ne faut pas oublier que seul "isValid()" vérifie inconditionnellement la totalité du formulaire.

la doc sur la validation

Il serait intéressant de voir les messages d'erreurs renvoyés par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$Form_Admin_User->isValid($_POST)

essaye un petit dump de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$Form_Admin_User->getErrorMessages();

après la validation, là tu seras fixé sur le(s) champ(s) qui bloque(nt).

**5h4rk** · 29/08/2011, 13h14

Je te rappel gogololo que tu peux récupérer un paramètre envoyer de la façon suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$this->_request->getParam('ton parametre');

directement dans ton action

EDIT : j'ai corriger petite confusion avec du JEE

Zend form + Ajax

Zend Framework PHP

Discussions similaires

Partager

Partager