Comment afficher un message de chargement jusqu'à ce que le contenu de l'onglet soit entièrement chargé avec AJAX? - javascript, jquery, ajax, jquery-ui, jquery-ui-tabs

J'utilise jQuery UI 1.10 et le Onglet Interface utilisateur jQuery widget avec fonctionnalités AJAX. Le code JavaScript que j'utilise est indiqué comme suit (basic simple):

$(".selector").tabs({
beforeLoad: function (event, ui) {
ui.panel.html("Loading...");
}
});

Quand un onglet "en-tête" est cliqué alors je voudrais afficher un chargement du message (un message texte) dans l'onglet "corps" jusqu'à ce que le contenu de l'onglet soit complètement chargé AJAX, après quoi le message de chargement doit être remplacé par les données extraites AJAX. Comment puis-je faire ça?

Réponses:

Ça ne marche pas?

$(".selector").tabs({
beforeLoad: function (event, ui) {
//show msg
},
load: function (event, ui) {
//hide msg
}
});

Vous pouvez le faire en:

1. Définissez la fonction qui "chargera les données via AJAX pour chaque onglet.
2. Dans les onglets rappel pour show et create vous appelez une fonction qui "gérera quelle fonction AJAX appeler pour charger le bon contenu.
3. Enfin, dans votre fonction AJAX, vous devez d'abord modifier votre code HTML pour afficher le message de chargement, puis, lorsque la demande est terminée, vous pouvez le supprimer.

c'est assez long mais cela vous donne plus de contrôle sur ce que vous voulez faire.

La meilleure chose que j'ai faite était justement cela pour les onglets pilotés par ajax ... J'espère que vous allez adorer cette réponse

$ ("# facilityTabContainer"). tabs ({ panelTemplate: "Chargement ...", sélectionné: 0, scrollable: true, cache: false});

et vous pouvez même modifier le panelTemplate dansjquery.ui.tabs afin que tous les onglets de votre application obtiennent automatiquement le "chargement de texte ou d'image". et devinez en quoi cela résout également votre premier problème de chargement d’onglet.