Utilisation de DatePicker dans ZendX_JQuery

Version imprimable

bonjour a tous,

je commence à avancer dans le framework et cette fois j'ai decide de tester JQuery
Je souhaite utiliser DatePicker et sur la selection de la date faire fonctionner une fonction javascript
mais j'ai une erreur sur l'utilisation du onClose
alors qi qqn a une idee

voila le contenu de ma vue
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.datepicker.css" type="text/css" media="screen" title="Flora (Default)"> <script type="text/javascript"> function test(){ alert("eee"); } </script> <label for="startDate">Date match : </label> <?= $this->datePicker("gameday", '', array('firstDay'=> 1, 'onClose' => 'test' )); ?> <div id="games"></div <?= $this->jQuery(); ?>
et mon erreur

Citation:

onClose.apply is not a function
[Break on this error] onClose.apply((inst.input?inst.input[0]:...lockUI();$('body').append(this.dpDiv);}}

Question :

As-tu le droit de redéfinir le onClose?
Ne dois-tu pas passer par une fonction JQuery pour ce faire?
Code:

1 2 3 4 5 6 $(document).ready(function() { $("gameday").onClose(function() { alert("eee"); }); });

j'ai rajoute ton code mais voici l'erreur que j'ai

Code:

1
2
3
 
$ is not defined
[Break on this error] $(document).ready(function() {

sinon a savoir si j'ai le droit je sais pas j'ai suivi la doc ou il y a ca

Code:

1
2
3
4
5
6
7
8
 
    <label for="startDate">Travel Start Date:</label>
    <?= $this->datePicker("startDate",
                          '',
                          array('defaultDate' => '+7',
                                'minDate' => '+7',
                                'onClose' => 'myJsonFuncCechkingValidity')); ?>
    <br />

merci pour ta reponse

18/12/2008, 09h23
MaitrePylos

Je me doutais bien que cela n'irais pas.

Mais je ne comprend pas pourquoi tu veux étendre la fonction onClose?

mon but est juste de faire un traitement en javascript sur l'evenement "onClose"
c'est a dire de mettre a jour de contenu sur la page en ajax

je passe pour l'instant par un submit sur le formulaire qui englobe mon calendrier

Code:

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
 
 
<link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.datepicker.css" type="text/css" media="screen" title="Flora (Default)">
 
<script type="text/javascript">
 
function test(){
 
var vardate = document.formdate.gameday.value;
vardate = vardate.replace('/','-');
vardate = vardate.replace('/','-');
 
$.ajax({
  url: "/index/listdate/gameday/"+vardate,
  cache: false,
  success: function(reponse){
    $("#games").html(reponse);
  }
});
 
}
</script>
 
<form name="formdate" onsubmit="test();return false;">
<label for="datematch">Date match : </label>
<?= $this->datePicker("gameday",'',array('firstDay'=> 1));?>
<input type="submit" value="ok" />
</form>
 
<div id="games"></div>
 
<?= $this->jQuery(); ?>

18/12/2008, 09h42
MaitrePylos

Tu dois alors étendre la fonction onClose, cherche sur le net, il y a des tutos pour étendre des fonctions JQuery.
18/12/2008, 09h45
itsrugby

L'integration de JQuery ds Zend est recente
puis en general on l'inclut plutot dans un form
le seul exemple que j'ai c'est celui de la doc mais ca marche pas
je trouverais bien :lol:

merci de tes reponses en tt cas