SearchPipe - Comment chercher plusieurs éléments

Version imprimable

Bonjour

Désolée si le titre n'est pas très clair, je ne savais pas trop comment formuler ma question.
J'essai de faire une barre de recherche pour un tableau qui liste des patients. J'ai réussis à adapter le bout de code si dessous à mes besoins mais lorsque je veux rechercher quelque chose, ça marche uniquement pour le "firstname", comment est-ce que je pourrais faire en sorte que je puisse également rechercher par "lastname" et "medecinTraitant" ?

Aussi, si je tape "e" dans cette même barre, il ne va pas me trouver les noms qui commencent par un "e" mais tout les noms qui contiennent un "e", comment faire pour régler ce problème ?

Je vous remercie d'avance.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'filterPipe' }) export class SearchPipe implements PipeTransform { transform(items: any[], searchToken: string) { if (searchToken == null) { searchToken = ''; } searchToken = searchToken.toLowerCase(); return items.filter(elem => elem.firstname.toLowerCase().indexOf(searchToken) > -1); } }

un truc comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
import { Pipe, PipeTransform } from '@angular/core';
 
@Pipe({
  name: 'filterPipe'
})
 
 
export class SearchPipe implements PipeTransform {
 
  transform(items: any[], searchToken: string) {
 
 
    if (searchToken == null) {
      searchToken = '';
    }
 
 
    searchToken = searchToken.toLowerCase();
 
    return items.filter(elem => {
 
      const firstname = this.findStr(elem.firstname, searchToken);
      if (firstname) {
           return elem;
      } else {
               const lastname = this.findStr(elem.lastname, searchToken);
               if (lastname ) {
                  return elem;
               }
      }
 
    });
  }
 
   findStr(str, searchToken) {
       const index = str.toLowerCase().indexOf(searchToken);
 
      if (index == 0) {             // je ne me souviens plus, je suppose que 0 est l'indice du 1er element
 
        return true;
      } 
 
      return false;
   }
 
   hasLastname(elem, searchToken) {
     ...
     ...
   }
 
}

Bonjour,
ou avec startsWith() :

Code:

1
2
searchToken = searchToken.toLowerCase();
return items.filter((el) => el.firstname.toLowerCase().startsWith(searchToken));

04/05/2021, 18h58
krakatoa

pas mal avec startwith
mais après comment tu fais pour chercher sur firstname et lastname ?

Citation:

Envoyé par VdrOlivier

comment est-ce que je pourrais faire en sorte que je puisse également rechercher par "lastname" et "medecinTraitant"

Pour moi cela signifie que l'on cherche l'un ou l'autre, mais pas dans les deux champs en même temps.

Si l'on veut rendre la fonction plus souple, dans ce cas on pourrait passer en paramètre le champ pour lequel il faut effectuer la recherche.

En « vanilla », quelque chose comme :
Code:

1 2 3 4 function findElements(datas, searchToken = "", field = "") { searchToken = searchToken.toLowerCase(); return datas.filter((el) => el[field]?.toLowerCase().startsWith(searchToken)); }
On pourrait également faire, une « multi-recherche » :
Code:

1 2 3 4 5 6 7 8 function findElements(datas, searchToken = "", ...fields) { searchToken = searchToken.toLowerCase(); let ret = datas; fields.forEach((field) => { ret = ret.filter((el) => el[field]?.toLowerCase().startsWith(searchToken)); }); return ret; }
mais j'ai plus de mal à voir l'intérêt sauf à passer également plusieurs searchToken !

A VdrOlivier de préciser !

18/05/2021, 10h47
VdrOlivier

Bonjour !

Tout d'abord je tenais à vous remercier d'avoir pris le temps de me répondre ! Dans un deuxième temps je tenais à m'excuser pour ma réponse tardive, je n'ai pas souvent le PC sous la main...

J'essai encore de comprendre ce que vous m'avez suggéré de faire, je suis encore tout jeune dans le développement alors je suis un peu long à la détente. J'ai déjà pu tester la solution à Krakatoa et ça semble fonctionner du tonnaire (je te remercie encore une fois pour ça). Je vais à présent tester celle qui a été proposé par NoSmoking, je vous dirais la quelle des propositions correspond le mieux à ce qui m'avait été demandé !

Bonne journée en attendant !