Datepicker perdu après un postback

Version imprimable

Bonjour,

Dès que je fais un postback, mon datepicker n'apparaît plus.
Mon code est celui-ci:
Code:

1 2 3 4 5 6 7 8 9 10 $(function() { $(".datepicker").datepicker({ showOn : 'button', buttonImage : '../resources/images/calendrier.png', buttonImageOnly : true, buttonText : 'Choisissez une date', onSelect : function() { } }); });
Vous avez une idée de comment corriger ça?
Merci!

J'ai déjà eu ce problème seulement moi, c'était en ASP.Net et avec des UpdatePanel. Cela venait du fait que ces UpdatePanel font des partial postback et qu'il faut donc mettre dans la liste du PageRequestManager une fonction mettant en place les DatePicker avec la fonction Sys.WebForms.PageRequestManager.getInstance().add_endRequest(NomDeTaFonction);.

Et la fonction (non anonyme) toute simple:
Code:

1 2 3 4 5 6 7 8 9 10 11 function NomDeTaFonction() { $(".datepicker").datepicker({ showOn : 'button', buttonImage : '../resources/images/calendrier.png', buttonImageOnly : true, buttonText : 'Choisissez une date', onSelect : function() { } }); }); }

Merci pour les explications.
J'ai essayé donc de faire ça:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(function calendrier () {
	$(".datepicker").datepicker({
		showOn : 'button',
		buttonImage : '../resources/images/calendrier.png',
		buttonImageOnly : true,
		buttonText : 'Choisissez une date',
		onSelect : function() {
		}
	});
});
	$(document).ready(function()
				{
			Sys.WebForms.PageRequestManager.getInstance().add_endRequest(calendrier)
				});

Mais ça ne marche toujours pas. :(

Si tu es sur ASP.Net, cette ligne se met au début de la balise <script>

Code:

1
2
<script type="text/javascript" language="javascript">
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(NomDeTaFonction);

Et ta fonction doit être hors jQuery:

Code:

1
2
3
4
5
6
7
8
9
10
function calendrier () {
	$(".datepicker").datepicker({
		showOn : 'button',
		buttonImage : '../resources/images/calendrier.png',
		buttonImageOnly : true,
		buttonText : 'Choisissez une date',
		onSelect : function() {
		}
	});
}

Pour le premier chargement de ta page, appel aussi cette fonction dans jQuery:

Code:

1
2
3
        $(document).ready(function () {
            calendrier();
        });

23/01/2015, 13h56
daydream123

En l'ajoutant au tout début du script, le datepicker ne marche pas du tout en fait.
Je suis sur du Java JSF.
23/01/2015, 15h40
Franck.H

Citation:

Envoyé par daydream123

Je suis sur du Java JSF.

Heureusement que j'ai précisé que j'étais en ASP.Net :aie: La ligne que je t'ai donné c'est de l'ASP :aie: Mais c'était surtout pour que tu es une piste avant tout.