Fab_Blab/FreeDatas2HTML
1
1
Fork 0
Code Issues Pull Requests Projects Releases Activity

Adaptation d'une des pages de démonstration pour expliquer le fonctionnement du moteur de recherche.

Browse Source
This commit is contained in:
Fabrice PENHOËT 2022-02-21 17:04:19 +01:00
parent 7d85e375c5
commit ae5da88348
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/withCSV.html
View File

@ -49,7 +49,7 @@
<li>Des champs (=colonnes) permettant de <b>classer les données</b> : un 1ᵉʳ clic lance un classement par ordre croissant, le 2ᵉ pour ordre décroissant et ainsi de suite. Remarquez que le champ « Abondance… » utilise une fonction spécifique, car un classement par ordre alphabétique n’aurait pas convenu ici.</li> <li>Des champs (=colonnes) permettant de <b>classer les données</b> : un 1ᵉʳ clic lance un classement par ordre croissant, le 2ᵉ pour ordre décroissant et ainsi de suite. Remarquez que le champ « Abondance… » utilise une fonction spécifique, car un classement par ordre alphabétique n’aurait pas convenu ici.</li>
<li>Un <b>compteur affichant le nombre total de résultats</b>, avec prise en compte des éventuels filtres utilisés.</li> <li>Un <b>compteur affichant le nombre total de résultats</b>, avec prise en compte des éventuels filtres utilisés.</li>
<li>Des <b>options de pagination</b>.</li> <li>Des <b>options de pagination</b>.</li>
<li>Un <b>moteur de recherche</b>, permettant de filtrer les données, cette fois sur l’ensemble des champs, contrairement aux listes.</li> <li>Un <b>moteur de recherche</b>, permettant de filtrer les données, cette fois sur l’ensemble des champs, contrairement aux listes. Par défaut, ce <b>moteur de recherche est insensible à la casse, aux accents et ignore les caractères spéciaux</b>. Par ailleurs, chaque mot de l’expression saisie est cherché séparément. Tout cela est paramétrable pour permette une recherche stricte.</li>
</ul> </ul>
<p>Enfin, il est possible d’<b>afficher les données autrement que sous forme de tableau HTML</b>. Si vous visualisez cette page sur un écran large de moins de 800 px, les données seront simplement listées. Si vous avez un grand écran, vous pouvez simuler cet affichage en faisant « Ctrl+Maj+M », puis « F5 ». Appuyez de nouveau sur « F5 », une fois de retour sur grand écran pour revoir le tableau.</p> <p>Enfin, il est possible d’<b>afficher les données autrement que sous forme de tableau HTML</b>. Si vous visualisez cette page sur un écran large de moins de 800 px, les données seront simplement listées. Si vous avez un grand écran, vous pouvez simuler cet affichage en faisant « Ctrl+Maj+M », puis « F5 ». Appuyez de nouveau sur « F5 », une fois de retour sur grand écran pour revoir le tableau.</p>

2
src/demo/exampleWithCSV.ts
View File

@ -78,7 +78,7 @@ const initialise=async () =>
mySearch.filter2HTML(); mySearch.filter2HTML();
// Injection des filtres dans le convertisseur : // Injection des filtres dans le convertisseur :
converter.datasFilters=[filtre1,filtre2,filtre3, mySearch]; converter.datasFilters=[filtre1,filtre2,filtre3,mySearch];
// Désignation des champs permettant de classer les données : // Désignation des champs permettant de classer les données :
// Uniquement avec un rendu sous forme de tableau (grand écran), car des en-têtes de colonne sont nécessaires. // Uniquement avec un rendu sous forme de tableau (grand écran), car des en-têtes de colonne sont nécessaires.