Discussion :

[aurelienC]

Bonjour à tous,

Je dois développer un long formulaire.
Afin de simplifier la saisie, je vais travailler avec des onglets (d'où jQueryUI - Tabs).
Afin d'allèger les temps de chargement, les tabs sont chargés en AJAX.
Voici comment sont définis mes tabs :

Code :

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

1
2
3
4
5
6
7
8
 
<div class="m" style="border:0;" id="tabsComp">
   <ul>
	<li><a href="./bilan.php">Bilan</a></li>
	<li><a href="./savoir.php">Savoir</a></li>
	<li><a href="./savoirFaire.php">Savoir Faire</a></li>
   </ul>
</div>

Chaque page bilan.php, savoir.php, savoirFaire.php contient un certain nombre de champs de saisie.

Mon utilisateur commence à saisir l'onglet Bilan, puis il passe dans l'onglet Savoir.
S'il revient dans l'onglet Bilan, le contenu de Bilan est rechargé et toutes les données saisies par l'utilisateur sont perdues :'(

Est-ce que vous savez comment faire pour éviter de recharger un onglet s'il a déjà été récupéré ?

Merci !

J'utilise jQuery UI 1.9.0 et jQuery 1.8.2.

Aurélien

[NoSmoking]

Bonjour,
dans ta fonction d'appel dans laquelle, gères le trafic, si déjà fait tu ne fais pas.

[aurelienC]

Merci NoSmoking !

Pour ne pas recharger les onglets déjà chargés, il suffit de mettre ce code dans la définition du tab :

Code :

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

1
2
3
4
5
6
7
8
9
beforeLoad: function( event, ui ) {
	if ( ui.tab.data( "loaded" ) ) {
		event.preventDefault();
		return;
	}
	ui.jqXHR.success(function() {
		ui.tab.data( "loaded", true );
	});
}

BeforeLoad est un event qui a été rajouté récemment dans JQuery.
Avant c'était géré avec l'option :

Code :

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

cache : true

A+

[danielhagnoul]

Bonsoir

C'est une des nouveautés importantes du widget tab de jQuery UI 1.9.

Pour que l'information soit complète, je signale que la solution est dans le guide de mise à jour : http://jqueryui.com/upgrade-guide/1....foreload-event.

Lorsque vous travaillez avec la nouvelle version de jQuery UI, n'oubliez pas de consulter régulièrement le guide de mise à jour.