Zend FR

Moi aussi j'ai l'habitude Jquery
Je rajoute dans le controller qui apelle la form un appelle de ce type:

$this->view->appenddFile($this->view->baseUrl() .'/js/unfichier.js');

Ca va rajouter l'include à un fichier JS.
Je n'inclus jamais aucun code JS dans mes vues.
En jquery, il devient alors à partir de ce fichier de binder l'element voulu sur l'evement onchange.
$("#monselect").bind('change', ...
Par contre, je n'utilise pas de controller "Ajax", mais j'utilise les controller comme si c'était 'normal'.
AjaxContext fait le travaille (8.8.4.3 de la doc de Zend)
Par exemple, si j'ai un controller User et que ce controller afficher la liste des utilisateurs dans une vue, je le réutilise.

Non, tu n'es pas obligé, tu es libre

Merci pour vos réponses!

J'avoue etre perdu dans tout ça

Qu'est ce qui est préconisé par les utilisateurs expérimentés?

Si vous me conseillez une librairie, ce serait laquelle? (sachant que son utilisation sera tres limitée, genre uniquement les selects liés dans un 1er temps). Dur dur du trouver des exemples en tout cas.

Si je n'utilise pas, comment inclure du code javacript dans mes pages, ca se passe dans la view? (je n'ai pas encore abordé l'inclusion de js maison dans les pages)

Déjà il faut comprendre les bases de JQuery.

JQuery te permet "d'utiliser" les éléments en les appelant par leur ID ou leur class.

$('.test').click(function(){
    
     alert('plop');
};

Ce bout de code dit tout simple : "tu cliques sur n'importe quel élément dont la class est "test" et tu aura une alert 'plop'.
Remplace le . par un # pour les ID.

En partant de la dessus et de http://jquery.com/, tu peux commencer à comprendre comment fonctionne JQuery.


Je viens de me rendre compte de la première intervention de nORKy et elle est très intéressante. J'ai la mauvaise habitude de mettre des appels de JS dans les vues, ce qui est pas propre car dans mon structure.xml, j'ai une vingtaine de fichiers JS appelés alors que certains ne sont utilisés que sur certaines pages.

Je vais aussi tester le AjaxContext.

La vie de développeur est un éternel apprentissage... et j'adore ça !

merci neojick pour ta réponse, j'arrive bien à declencher la fonction js, mais ensuite je ne sais pas si je dois appeler un fichier .php qui va interroger ma db (ou appeler une methode d'un objet de type modèle)et renvoyer un xml qui sera traité par un autre js sur ma page, s'il faut passer par json etc ... tu as tout à fait raison, l'apprentissage est éternel

L'utilité de AjaxContext est d'utilisé son controlleur pour plusieurs type de vue.
Par exemple, pour le sondage, imaginons qu'on a un controller Sondage et une action savereponse.

Si le client n'a pas javascript :
- le formulaire fait son poste normalement et apelle sondage/saveresponse. Cette action place par exempel $this->view->results et la vue s'occupe de l'affichage

Si le client à javascript
- le javascript appel aussi sondage/saveresponse, mais grâce à ajaxContext, le viewrenderer/layouts sont desactivés et ajaxcontext va seralisé ce qu'il y a dans view et le résultat est envoyé comme ca, et donc le script javascript va recevoir le résultat

Hello,

c'est pas super top comme solution d'après ce vous dites ci dessus, mais je me rapproche petit à petit. Pouvez vous m'aider à bien comprendre comment bien faire? (ahhh la frustration du developpeur qui comprend pas un truc ... on passe tous par là ) merci beaucoup pour votre aide, à chaque réponse je comprend un peu plus!

j'ai pompé un peu de code sur ce topic: http://www.z-f.fr/forum/viewtopic.php?id=1178

mes bouts de code: j'ai un select assureur_id, et je souhaite mettre à jour un select contrat_id (à chaque assureur correspond une liste de contrats)

mon fichier .pthml (je sais, je commence mal, j'intègre du .js dans le view, mais je ne sais pas comment faire autrement pour le moment)

<?php echo $this->form ;?>
<p style="clear:both">Retour à la <a href="<?php echo $this->url(array('controller'=>'actualite', 'action'=>'index'));?>">gestion des actualités</a></p>

<script type="text/javascript">
    $("select#assureur_id").change(function(){
    id = $("select#assureur_id").val();
    
    $.ajax({
        type: "POST",
        url: "/contrat/getcontratbyassureurid/id/"+id,
        dataType: "json",
        success: function(response){
          
        var obj = document.getElementById('contrat_id');
                var optionData = response;
                //obj.options.length = null;
                i=1;
                for (key in response) {        
                    alert('cle:' + key + ' - valeur: ' + optionData[key]);
                    obj.options[i] = new Option(optionData[key],key);
             i++;
                }

        }
    });
    
    return false;

    });
</script>

mon controlleur

    function getcontratbyassureuridAction()
    {
        if ($this->_request->isPost()) {
            $assureur_id = $this->_request->getParam('id');
            
            $this->_helper->layout->disableLayout();
                    $this->_helper->viewRenderer->setNoRender(true);
                    $this->_helper->viewRenderer->setNeverRender(true);

            $contrat = new Contrats();
            $list=$contrat->getContratById($assureur_id);
            $this->_helper->json($list);
        }    
    }

mon modèle

    public function getContratById($id) {
            $select = $this->select ();
            $select->from ( $this )
            ->where ( 'assureur_id = '.$id) ;
            $rows=$this->fetchAll ( $select );
            
            $options = array();
            foreach ($rows as $row) {
                $options[$row->id] = $row->name;
            }
            return $options;
        }

La liste des contrats est bien remplie quand on choisit un contrat, seul hic, j'ai un message d'erreur

'valeurdeloptionchoisie' was not found in the haystack

si j'ajoute

alert('cle:' + key + ' - valeur: ' + optionData[key]);

avant le remplissage des $options, ça a l'air bon (sauf que j'ai les caractères accentués qui disparaissent, ça doit etre un prob de charset je suppose).

ca me donne genre cle:7 - valeur: mon contrat

Le seul truc c'est quand ca passe par la validation ca génère le msg d'erreur que je ne comprend pas

Hello,

le paramètre est bien passé, le select est bien rempli, mais j'ai toujours le même message d'erreur "valeur was not found in the haystack.

c'est apparemment le "key" qu'il n'aime pas

alert('cle:' + key + ' - valeur: ' + optionData[key]);
obj.options[i] = new Option(optionData[key],key);

l'alert me donne la bonne valeur, mais  new Option(optionData[key],key) ne passe pas bien apparemment. J'ai testé qq bidouilles mais c'est vraiment étrange ... si je change en base ma key (int) en varchar, et que je fais (en dur) un

new Option(optionData[key], 'blablabla')

ça passe ... mais si je fais un

new Option(optionData[key],'1');

j'ai le meme message "not found in haystack"

Any idea? J'ai trouvé ça assez facilement: http://framework.zend.com/issues/browse/ZF-4307 vous croyez que c'est un bug?

Salut. J'ai vu ton message ce matin à 09h00, mais j'étais en conférence téléphonique, je n'ai pas pu te répondre.

Ca marche maintenant ?

juli3n a écrit:

mais ca passait pas, il faudrait que le js soit chargé un peu plus tard ...

Je ne pige pas ce que tu veux dire là ?

Normal.

Tu dois mettre le tout dans une fonction

Exemple :

function nomFonction(){

$("select#assureur_id").change(function(){
    id = $("select#assureur_id").val();
    $.ajax({
        type: "POST",
        url: "/contrat/getcontratbyassureurid",
        data : "id=" + id,
        dataType: "json",
        success: function(response){
         
        var obj = document.getElementById('contrat_id');
                var optionData = response;
                //alert(response);
                //alert(optionData);
                obj.options.length = null;
                i=1;
                obj.options[0] = new Option('aucun', 0, false);
                for (key in response) {
                    //alert('valeur:' + response[key]);
                    //alert('cle:' + key + ' - valeur: ' + optionData[key]);
                    obj.options[i] = new Option(optionData[key], key);
                    i++;
                }

        }
    });
    return false;
    });

}


(document).ready(function(){

     nomFonction();
}

Ainsi, la fonction sera "activée" une fois le document chargé et attendra sagement l'évenement "change" sur l'élément indiqué.