Trier une table sur un id fourni par onClick

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
phidel
Messages : 2
Enregistré le : 05 sept. 2020, 16:26

Trier une table sur un id fourni par onClick

Message par phidel » 05 sept. 2020, 17:08

Bonjour,

J'ai besoin d'aide pour réaliser une instruction et je n'y parviens pas ... : soit le tableau suivant dans lequel il y a un bouton dont je récupère un id et qui est envoyé à Javascript

Code : Tout sélectionner

             $listExportXlsx = selectExportXlsx();   
                foreach($listExportXlsx as $file){ ?>
                  <tr id="lineTabFilesXlsx">
                    <td><?= $file['date_export']?></td>
                    <td><?= $file['export_by']?></td>
                    <td><?= $file['name_export']?></td>
                      <td>                  
                          <button 
                            onClick="btn_listFileXlsx(<?=$file['id']?>)" class="btn btn-sm btn-primary fa fa-eye mr-n3" 
                            data-toggle="tooltip" data-placement="top" title="Visualiser le Contenu du Fichier">
                          </button>
                      </td>
Ce bouton sert à faire apparaitre un autre tableau avec l'id de la tr courante dans le foreach.

Code : Tout sélectionner

function btn_listFileXlsx(idFileXlsx){
    	document.querySelector("#modalExportXlsx").removeAttribute("class");
}
Ce second tableau existe et est caché par défaut

Code : Tout sélectionner

      <div class="modal-body">
        <div class="form-group d-none" id="modalExportXlsx">
          <table class="table table-sm table-striped my_shadow mt-4" id="contentFileXlsx">
              <thead class="mon_backgroundColorBlueDark text-light">
                <tr>
                    <td colspan="12" class="text-center">
                    <button class="btn btn-primary" id="closeTabVisuXlsx">Fermer le tableau</button>
                    </td>
                </tr>
                <tr>
                    <th scope="col" class="text-center">id</th>
Il récupère la liste complète des données dans le but de ne plus interroger le serveur
Je souhaite avec l'id récupéré filtrer le contenu de ce tableau pour n'afficher que les lignes dont
l'id est = à l'id passé.

J'ai essayé js, jquery, et même ajax mais je n'y arrive pas

Je précise que ce sont des modales donc pas de refresh envisageable

phidel
Messages : 2
Enregistré le : 05 sept. 2020, 16:26

Re: Trier une table sur un id fourni par onClick

Message par phidel » 05 sept. 2020, 17:10

Actuellement, je récupère bien l'id dans js

le second tableau s'affiche bien avec toutes les données,

ce que je souhaite c'est seulement exploiter l'id pour filtrer le contenu de la table

Répondre