Modification d'une des pages de démo pour ajouter une liste SELECT multiple + compilation.
This commit is contained in:
parent
7a4992a243
commit
7d6d4a80f9
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -43,7 +43,9 @@
|
|||||||
<article>
|
<article>
|
||||||
<p>Cet exemple d’utilisation de FreeDatas2HTML est assez complet en montrant comment à partir d’un fichier de données, il est possible de proposer :</p>
|
<p>Cet exemple d’utilisation de FreeDatas2HTML est assez complet en montrant comment à partir d’un fichier de données, il est possible de proposer :</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Des <b>listes permettant de filtrer les données</b>. La troisième liste (Mots-clés) démontrant qu’il est possible d’<b>extraire des données d’un champ ayant plusieurs valeurs par ligne</b>. Ici, les valeurs distinctes sont séparées par des virgules, mais n’importe quel autre caractère séparateur peut être désigné. Les sélections dans les différentes listes sont combinées pour ne garder que les résultats validant tous les choix.</li>
|
<li>Des <b>listes permettant de filtrer les données</b>. La troisième liste (Mots-clés) démontrant qu’il est possible d’<b>extraire des données d’un champ ayant plusieurs valeurs par ligne</b>. Ici, les valeurs distinctes sont séparées par des virgules, mais n’importe quel autre caractère séparateur peut être désigné.</li>
|
||||||
|
<li>Les sélections dans les différentes listes sont combinées pour ne garder que les résultats validant tous les choix.</li>
|
||||||
|
<li>Dans la troisième liste, <b>il est possible de sélectionner simultanément plusieurs valeurs</b> (en appuyant sur « Ctrl » sur PC). Ici, il suffit qu’au moins une des valeurs sélectionnées soient trouvée, pour qu’une ligne soit affichée.</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>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>
|
||||||
|
@ -87,6 +87,7 @@ var initialise = function () { return __awaiter(void 0, void 0, void 0, function
|
|||||||
filtre2 = new Selector(converter, 4, { id: "filtre2" });
|
filtre2 = new Selector(converter, 4, { id: "filtre2" });
|
||||||
filtre2.filter2HTML();
|
filtre2.filter2HTML();
|
||||||
filtre3 = new Selector(converter, 5, { id: "filtre3" }, ",");
|
filtre3 = new Selector(converter, 5, { id: "filtre3" }, ",");
|
||||||
|
filtre3.isMultiple = true;
|
||||||
filtre3.filter2HTML();
|
filtre3.filter2HTML();
|
||||||
mySearch = new SearchEngine(converter, { id: "search" });
|
mySearch = new SearchEngine(converter, { id: "search" });
|
||||||
mySearch.label = "Qui cherche trouve ?";
|
mySearch.label = "Qui cherche trouve ?";
|
||||||
|
@ -64,6 +64,7 @@ const initialise=async () =>
|
|||||||
filtre2.filter2HTML();
|
filtre2.filter2HTML();
|
||||||
// Le troisième devant prendre en compte un séparateur :
|
// Le troisième devant prendre en compte un séparateur :
|
||||||
let filtre3=new Selector(converter, 5, { id:"filtre3"}, ",");
|
let filtre3=new Selector(converter, 5, { id:"filtre3"}, ",");
|
||||||
|
filtre3.isMultiple=true;
|
||||||
filtre3.filter2HTML();
|
filtre3.filter2HTML();
|
||||||
|
|
||||||
// + Un moteur de recherche opérant sur tous les champs :
|
// + Un moteur de recherche opérant sur tous les champs :
|
||||||
|
Loading…
Reference in New Issue
Block a user