Masque de saisie sur un champ texte

**mrjay42** · 16/10/2009, 12h17

Bonjour à tous,

Je cherche à savoir s'il est possible avec ZF d'appliquer un masque de saisie à un champ text (<input type="text">)...

Le masque de saisie serait par exemple celui d'une date...

Ou alors, à défaut de contraindre la syntaxe, y'a-t-il un moyen de générer des datePicker avec Zend (ou un de ses composants) ?
Ceci afin d'obtenir le comportement suivant : quand l'utilisateur clique dans le champ texte, un calendrier s'ouvre, proposant de générer la date voulue avec un simple clique sur le calendrier...

Mes questions peuvent sembler, candide ou "bizarre"...cela doit tenir au fait que je débute avec Zend et que j'avoue avoir un peu de mal à savoir par quel "bout" prendre cet outil.

Merci d'avance

J'ai fais un topic récemment sur ce forum, pour demander des conseils en matière de bouquins et je n'ai obtenu qu'une réponse...et apparemment le bouquin conseillé n'est pas si simple que ça pour les "purs" débutants Zend
Le topic en question :
http://www.developpez.net/forums/d82...end-framework/

**Seb147** · 21/10/2009, 12h17

Tu as effectivement un composant DatePicker dans ZendX_JQuery

ZendX_JQuery_Form_Element_DatePicker

Si tu as besoin de plus d'infos, n'hésite pas.

**mrjay42** · 21/10/2009, 13h42

Merci de ta réponse !
J'ai en effet une question :
Comment faire fonctionner ZendX_JQuery s'il n'est pas présent dans le framework ?
J'ai regardé dans la doc officielle, elle n'indique pas comment installer/intégrer ZendX_JQuery !

Au cas où, je précise que je ne pense pas avoir ZendX_JQuery parce que dans mon repertoire Zend je ne vois aucun dossier correspondant...

**Seb147** · 21/10/2009, 17h37

Tu dois récupérer le paquet "FULL" de Zend Framework, et dans ce paquet, tu as un répertoire extras\library qui contient ZendX. Tu le mets au même niveau que le framework Zend (à minima dans le répertoire Library de ton application), et tu peux t'en servir.

**mrjay42** · 21/10/2009, 18h24

Ah bah voila, c'est tout bête, mais j'avais pas du tout percuté

Encore Merci !!

Je sais que c'est gonflé, mais si vous avez des ressources, des liens, des cours qui parlent de Zend, Zend Form et du coup de ZendX_Jquery : je suis preneur !

**Seb147** · 22/10/2009, 09h11

Je ne crois pas avoir trouvé autre chose que la documentation, assez succinte, et quelques exemples ici et là

Je peux te donner une partie de mon code, si ça peut t'aider à démarrer :

Dans mon bootstrap :

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
 
	protected function _initJQuery() {
		$this->bootstrap('frontController');
		$this->bootstrap('layout');
		$this->bootstrap('locale');
		$layout = $this->getResource('layout');
		$locale = $this->getResource('locale');
		$frontController = $this->getResource('frontController');
		$view = $layout->getView();
		ZendX_JQuery::enableView($view);
		$jquery = $view->jQuery();
		$jquery->setLocalPath ($frontController->getBaseUrl() . '/scripts/jquery/jquery-1.3.2.js')
		->setUILocalPath ($frontController->getBaseUrl() . '/scripts/jquery/jquery-ui-1.7.1.custom.min.js')
		->addJavascriptFile ($frontController->getBaseUrl() . '/scripts/jquery/i18n/ui.datepicker-'.$locale->getLanguage().'.js')
		->addStylesheet($frontController->getBaseUrl() . '/scripts/jquery/theme/ui.all.css')
		;
		$jquery->enable();
		$jquery->uiEnable();
	}

Ceci permet d'activer Jquery (et JQueryUI, pour le composant DatePicker) dans ta couche de vue (j'utilise une copie locale de jquery)

Ensuite, dans le layout :

Code :

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

1
2
3
4
5
 
    <head>
[...]
	<?php echo  $this->JQuery() ?>
[...]

Cela permet à ZendX_JQuery d'ajouter les différents 'bind' issues des composants que tu as ajouté dans ta page

Ensuite, dans le contructeur de ton formulaire :

Code :

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

1
2
3
4
5
6
 
		ZendX_JQuery::enableForm($this);
		$this->setDecorators(array ('Description', 'FormElements', 'Form') );
		$this->addElement ('Textarea', 'comment', array ('Label' => 'Saisissez le commentaire', 'cols' => 80, 'rows' => 10));
		$this->addElement ('DatePicker', 'myDate', array ('jQueryParams' => array ('Label' => "Saisie de la date", 'duration' => 'fast', 'showAnim' => 'slideDown', 'showOn' => 'button', 'buttonImage' => "/pictures/layout/calendar.jpg", 'buttonImageOnly' => true) ) );
		$this->getElement ('myDate')->setAttrib('id', "myDate")->setValue(Zend_Date::now()->toString('dd/MM/YYYY') );

la 1ère ligne permet "d'ajouter" le support de JQuery à ton objet Zend_Form.
Ensuite, tu peux ajouter des composants ZendX_JQuery_Form_Element_* de la même manière que tu ajouterais des composants Zend_Form_Element_*. Remarque bien la manière de passer des paramètres (tableau JQueryParams).

Voila.

**mrjay42** · 22/10/2009, 09h30

Wow, c'est trop classe

Merci à toi

Je testerai ça sous peu!

**mrjay42** · 22/10/2009, 15h07

Voici une solution temporaire qui n'utilise PAS ZendX_JQuery, mais directement JQuery avec le plugin DatePicker

Code JS :

Code :

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

1
2
3
4
jQuery(window).ready(function(){
	$("#datedebut").datepicker();
	$("#datedebut2").datepicker();
});

Code HTML :

Code :

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

1
2
<input type="text" name="datedebut2" id="datedebut" value="" />
<input type="text" name="datedebut2" id="datedebut2" value="" />

Ne pas oublier d'inclure tout ça :

Code :

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

1
2
3
4
5
6
7
<link type="text/css" href="<?php echo $this->baseUrl(); ?>/css/jquery/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/jquery/jquery-1.3.2.min.js">
</script>	
<script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/jquery/jquery-ui-1.7.2.custom.min.js">
</script>
<script type="text/javascript" src="<?php echo $this->baseUrl(); ?>/js/jquery/ui.datepicker-fr.js">
</script>

Sinon ça marche pas...A moins que quelqu'un ne me contredise, of course

Masque de saisie sur un champ texte [ZF 1.9]

Zend_Form PHP

Discussions similaires

Partager

Partager