J'ai utilisé les onglets jquery pour charger les données avec ajax, mais j'ai besoin d'ajouter des paramètres à l'URL lorsque l'utilisateur clique dans un onglet. Je ne connais pas les paramètres à l'avance car ils proviennent d'un formulaire qui a été rempli par l'utilisateur. J'ai donc essayé quelque chose comme le code suivant, mais je ne comprends pas travailler:Onglets Jquery: modifiez les données ajax sur l'onglet cliquez sur
<div id="tabs">
<ul>
<li><a href="${tab1_url}">Tab 1</a></li>
<li><a href="${tab2_url}">Tab 2</a></li>
<li><a href="${tab3_url}">Tab 3</a></li>
</ul>
</div>
et je sérialiser la forme d'un tableau et rejoindre le tableau au tableau contenant les données SATIC.
var staticData = [{name:'id',value:'${myId}'}];
$("#tabs").tabs({
var $tabs = $("#tabs").tabs({
ajaxOptions: { data: staticData},
select: function(event, ui) {
var dynamicData = $("#common_form").serializeArray();
var dataToSend = staticData.concat(dynamicData);
$("#tabs").tabs("option", "ajaxOptions", { 'data': dataToSend });
return true;
}
});
});
mais cela ne met pas à jour les données ajax après les onglets sont créés (je vois la demande envoyée avec Firebug et il ne comprend que les params initiales).
Comment puis-je modifier les données ajax lorsque l'utilisateur clique sur l'onglet?
Merci
ÉDITÉE: maintenant avec ce code fonctionne
Cela fonctionne bien maintenant. La clé utilisait $(). Tab() pour définir les valeurs. Bien que j'aie utilisé un moyen un peu différent de le faire, je pense que votre solution fonctionne. Merci. – Javi