Ceci est une ancienne révision du document !
Phalcon-jquery : JQuery
Principales fonctionnalités de la librairie Phalcon-JQuery (hors JQuery UI et Twitter Bootstrap)
-- Association d'évènements
-- Evénements connus
-- Exemple
Click sur un bouton d'id #btn :
public function clickAction(){
$this->click("#btn","console.log('click sur #btn');");
$this->query->compile($this->view);
}
Vue associée :
<input type="button" value="Test click" id="btn">
{{script_foot}}
-- Utilisation du paramètre event du callback
Le code passé au callback peut utiliser le paramètre event passé par JQuery, et $(this), la cible de l'évènement (target) :
Exemple : appui sur une touche, récupération du code de la touche frappée et de l'id de l'élément ayant généré l'évènement.
public function clickAction(){
$this->jquery->keydown("#btn","console.log('code de touche appuyée :' + event.which + ' sur #' + $(this).attr('id'));");
$this->jquery->compile($this->view);
}
-- Liste des méthodes JQuery liées aux évènements
| Méthode | Evènement |
|---|---|
| blur(selector,callback) | Sur perte du focus par l'élément désigné par selector |
| change(selector,callback) | Sur changement de valeur d'un input, select ou textarea (déclenché généralement sur perte focus) |
| click(selector,callback) | Sur click de l'élément désigné par selector |