Ionic 3 - Searchbar Autocomplete

Ionic 3 – Searchbar komponenta

Za razliku od blog postova Ionic 3 – Autocomplete polje za unos i Ionic 3 – select, search i autocomplete komponenta u kojima sam obradio temu autocomplete polja za unos u ovom ću blog postu obraditi primjer polja za filtriranje sadržaja.

Ova je funkcionalnost podržana od strane Ionic i nije potrebno instalirati dodatne Ionic Native pluginove.

Kreiranje aplikacije

Za početak kreiram novu Ionic aplikaciju

Aplikacija će se sastojati od jednog ekrana sa prikazom trenutnih članova OSC-a na poveznici http://softwarecity.hr/clanovi/.

Ionic 3 – Searchbar komponenta

Kreiran je niz nizPodaci koji sadržava popis članova OSC-a.

Searchbar komponenta

Sada ću dodati Searchbar komponentu.

Aplikacija sada izgleda ovako

Ionic 3 – Searchbar komponenta

U pregled sam dodao </ion-searchbar>

Osim toga, dodao sam još i funkciju getItems() koja je zadužena za filtriranje.

Jedina razlika između moje funkcije i ove iz službene dokumentacije

je što sam ja omogućio filtriranje pomoću tri parametra (ime, prezime i tvrtka).

Zaključak

I to je sve! Iz ovog se primjera može vidjeti koliko je jednostavno napraviti filtriranje sadržaja koristeći search polje unutar Ionica.

Objavio

Tomislav Stanković

Web developer. Uz to bavi se i temama vezanim uz online reputaciju. Google+

Odgovori

Vaša adresa e-pošte neće biti objavljena. Obavezna polja su označena sa *