Discussion :

[daydream123]

Bonjour,

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

Code :

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

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!

[Franck.H]

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 :

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

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() {
	}
    });
});
}

[daydream123]

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

Code :

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

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.

[Franck.H]

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

Code :

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

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

Et ta fonction doit être hors jQuery:

Code :

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

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 :

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

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

[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.

[Franck.H]

Je suis sur du Java JSF.

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