Ouvrir un dialogue avec une fiche

Une des fonctions courantes d’un tableau de bord est de donner la possibilité de visualiser une fiche, voire de l’éditer. Le logiciel BDF possède une petite bibliothèque Bdf.Overlay susceptible de faire le travail.

Inclure Bdf.Overlay dans la mini-application

Dans le fichier de configuration app.ini de l’application, il faut ajouter bdf-overlay à la liste des bibliothèques. Il est conseillé d’ajouter la bibliothèque ficheframe si on veut introduire la possibilité d’édition.

core_jslibs=bdf-overlay,ficheframe

Utilisation dans le code Javascript

Le lancement de la fenêtre de dialogue se fait avec la méthode Bdf.Overlay.showFichePopup(settings).

L’exemple suivant montre l’association (avec la bibliothèque JQuery) d’un évènement click à tout élément possédant une donnée data-action avec la valeur fichepopup contenu dans #dashboard.

$("#dashboard").on("click", "[data-action='fichepopup']", function () {
        Bdf.Overlay.showFichePopup({
          corpus: this.dataset.corpus,
          id: this.dataset.id,
          iframeCallback: Ficheframe.fichePopupIframeCallback
        });
        return false;
    });

iframeCallback est une fonction appelée après le chargement de la fiche dans l’iframe. On notera l’appel à la méthode Ficheframe.fichePopupIframeCallback de la bibliothèque ficheframe qui se charge d’afficher les boutons d’édition (si la fiche est éditable).