Pole wyszukiwania PowerApps: jak dodawać i dostosowywać

W tym samouczku omówimy pole wyszukiwania PowerApps oraz sposób dodawania i dostosowywania go od podstaw.

PowerApps to platforma stworzona dla wygody, w której użytkownicy mogą tworzyć własne aplikacje, nawet jeśli nie mają doświadczenia w programowaniu ani tworzeniu aplikacji. Podobnie jak w przypadku każdej innej platformy Microsoft, jej siła tkwi w systemie przeciągania i upuszczania oraz intuicyjnej konstrukcji.

Oznacza to, że każdy, kto chce tworzyć aplikacje, czy to po to, by wyświetlać swoje dane, czy też zwiększać produktywność swojego zespołu, może to łatwo zrobić.

W poprzednich samouczkach omówiliśmy podstawy tworzenia aplikacji od podstaw . Tym razem skupiamy się na polu wyszukiwania PowerApps.

Spis treści

• Jak działa pole wyszukiwania PowerApps
• Korzystanie z funkcji wyszukiwania
• Tworzenie pola wyszukiwania PowerApps od podstaw
• Dodawanie kolumn do pola wyszukiwania PowerApps
• Dodanie działającej ikony wyszukiwania i ukrycie paska wyszukiwania
• Dodawanie podpowiedzi do paska wyszukiwania
• Wniosek

Jak działa pole wyszukiwania PowerApps

Funkcja wyszukiwania umożliwia użytkownikom wyszukiwanie i filtrowanie elementów w galerii. Ponieważ usługa Power Apps jest dostarczana z szablonami aplikacji, w których pole wyszukiwania jest już na miejscu, wszystko, co musisz zrobić, to połączyć źródło danych, aby pobrać elementy, które zostaną uwzględnione w galerii.

Korzystając z pola wyszukiwania, nie ma potrzeby wpisywania całych nazw ani słów. Wpisanie kilku pierwszych liter spowoduje automatyczne odfiltrowanie elementów i wyświetlenie pasujących wpisów.

Chociaż wbudowane szablony są wygodne w użyciu, nie możemy na nich polegać w 100% przypadków. Utworzenie własnej aplikacji kanwy jest konieczne, jeśli chcesz w pełni dostosować aplikację do swoich potrzeb. Oznacza to, że musisz stworzyć od podstaw własne pole wyszukiwania.

Korzystanie z funkcji wyszukiwania

Użyjmy tego ekranu, który zbudowaliśmy od podstaw w poprzednim samouczku. W tej chwili jesteśmy na ekranie Wyświetl klientów.

Ponieważ zawiera galerię przedmiotów, sensowne byłoby utworzenie tutaj pola wyszukiwania.

Galeria wyświetlana na tej stronie to Galeria 2. Jeśli spojrzymy na właściwość Items, okaże się, że pobieramy dane z tabeli Table1.

Oznacza to, że kiedy dodamy funkcję wyszukiwania, będzie ona przeszukiwać elementy w tabeli Table1 i filtrować wyniki na podstawie tego, co wpiszemy.

Dowiedzmy się więc, jak działa funkcja wyszukiwania. Przechodząc do dokumentu Microsoft opisującego tę funkcję, widać, że funkcja wyszukiwania pobiera tabelę, ciąg wyszukiwania i kolumny, w których chcesz przeszukać.

Mając na uwadze tę formułę, zobaczmy, jak działa funkcja wyszukiwania w naszej własnej aplikacji.

Korzystając z właściwości Items w Gallery2, użyjmy funkcji wyszukiwania na pasku formuły i odwołajmy się do Table1, ponieważ jest to nasze główne źródło danych.

Aby uzyskać rzeczywisty ciąg wyszukiwania, wyszukajmy imię Elton.

Następnie przeprowadźmy wyszukiwanie w kolumnie Imię.

Po naciśnięciu Enter otrzymujemy dopasowanie odpowiadające użytym parametrom wyszukiwania.

Jeśli usuniemy nazwisko Elton z ciągu wyszukiwania, automatycznie wyświetli ponownie całą galerię.

Spróbujmy jeszcze raz wyszukać imię Coralie.

Po naciśnięciu Enter ponownie daje nam dopasowanie.

Oczywiście nie oczekujemy, że użytkownicy będą otwierać galerię za pomocą PowerApps. Oznacza to, że musieliby przeprowadzić wyszukiwanie z pola wyszukiwania, a nie z paska formuły. I tu pojawia się potrzeba stworzenia własnego paska wyszukiwania.

Tworzenie pola wyszukiwania PowerApps od podstaw

Zacznijmy od dodania metody wprowadzania tekstu za pomocą przycisku Tekst pod wstążką Wstaw.

Podobnie jak każdy inny element, możemy przeciągnąć to pole tekstowe w dowolne miejsce. Na razie umieśćmy go po prawej stronie tytułu ekranu.

Ponieważ na razie jest to tylko proste pole tekstowe, nie będzie jeszcze w stanie niczego filtrować, nawet jeśli wpiszemy nazwę. Aby to zrobić, musimy połączyć funkcję wyszukiwania na pasku formuły z rzeczywistym polem tekstowym.

Oznacza to, że musimy dodać element TextInput1 do tej formuły.

Aby to zrobić, zamiast spacji, w której wpisujemy wyszukiwane hasło, wpiszemy TextInput1.Text. TextInput1 odnosi się do pola tekstowego, podczas gdy Text odnosi się do wszystkiego, co wpiszemy w polu tekstowym.

A teraz wypróbujmy to. Jeśli wpiszemy tutaj wyszukiwane hasło, zobaczysz, że dopasowanie pojawia się, nawet jeśli wpisaliśmy tylko kilka pierwszych liter.

Spróbujmy użyć innego imienia i wyszukajmy Bruna. Ponownie pokazuje nam dopasowanie.

Tym razem spróbujmy sprawdzić, czy możemy przeprowadzić wyszukiwanie przy użyciu nazwiska. Wpiszę Lyles, czyli nazwisko Bruny.

Jak widać, chociaż Bruna Lyles pojawiła się, gdy użyłem imienia jako wyszukiwanego hasła, nie pokazała żadnego dopasowania, gdy próbowałem wpisać nazwisko. Dzieje się tak dlatego, że w naszej formule nie odwoływaliśmy się jeszcze do innych kolumn.

Dodawanie kolumn do pola wyszukiwania PowerApps

Wracając do paska formuły, dodajmy LastName. Umożliwi nam to wyszukiwanie również przy użyciu danych w kolumnie Nazwisko.

Dodajmy również AgentName. Następnie naciśnij Enter, aby sfinalizować tę formułę.

Teraz w końcu znajdziemy dopasowanie, jeśli przeszukamy nazwisko, Lyles.

Dodanie działającej ikony wyszukiwania i ukrycie paska wyszukiwania

W większości aplikacji masz nie tylko pasek wyszukiwania. Zobaczysz także ikonę wyszukiwania. Dodajmy to do tego ekranu.

Po prostu poszukaj Szukaj z listy rozwijanej Ikony pod wstążką Wstaw.

Przenieśmy go na prawą stronę paska wyszukiwania.

Następnie zmieńmy kolor na biały, aby był spójny z pozostałymi elementami.

Teraz, gdy mamy ikonę wyszukiwania, celem jest ukrycie paska wyszukiwania i wyświetlanie go tylko po kliknięciu ikony wyszukiwania.

Jeśli klikniemy pasek wyszukiwania i sprawdzimy okienko właściwości po prawej stronie, pokaże, że widoczność jest włączona.

Jeśli zaznaczymy właściwość widoczności w menu rozwijanym właściwości, okaże się, że widoczność jest ustawiona na wartość true.

Jeśli ustawimy to na false, pole tekstowe zniknie. To jest to, co chcemy, aby się stało.

Nie martw się o odwoływanie się do pola tekstowego, gdy nie jest już widoczne. Nadal możemy się do tego odwołać, klikając nazwę elementu na liście w lewym okienku.

Teraz do gry wchodzą zmienne. Omówiliśmy użycie zmiennych w PowerApps w innym samouczku.

Ponieważ chcemy, aby coś się wydarzyło za każdym razem, gdy klikniemy ikonę wyszukiwania; użyjemy OnSelect.

Użyjemy zmiennej o nazwie UpdateContext.

Aby użyć UpdateContext, będziemy potrzebować słownika zmiennych ujętego w nawiasy klamrowe. Użyjmy SearchVisible i ustawmy to na true.

Teraz, gdy mamy już zmienną, powiążmy właściwość widoczności naszego pola tekstowego z rzeczywistą zmienną. Po prostu kliknij TextInput1, a następnie ustaw widoczność na SearchVisible.

Po powiązaniu zmiennej z elementem pola tekstowego pole wyszukiwania pojawi się dopiero po kliknięciu ikony.

W naszej obecnej konfiguracji pole tekstowe pozostaje na ekranie nawet po zakończeniu wyszukiwania. Idealnie byłoby, gdyby to zniknęło, gdy już go nie potrzebujemy.

Wrócimy więc do ikony i zmienimy formułę dla OnSelect. Tym razem chcemy, aby po drugim kliknięciu na ikonę nastąpiło odwrotne działanie.

Aby ustawić akcję przeciwną, wystarczy dodać wykrzyknik. Ponieważ SearchVisible obecnie powoduje wyświetlenie pola tekstowego, !SearchVisible spowoduje zniknięcie pola tekstowego.

Teraz, jeśli klikniemy ikonę po raz pierwszy, pojawi się pole wyszukiwania. Oznacza to, że właściwość widoczności zmienia się na true.

Jeśli ponownie klikniemy ikonę, widoczność zmieni się na fałszywą, a pole tekstowe zniknie.

Dodawanie podpowiedzi do paska wyszukiwania

Ponieważ ustawiliśmy pasek wyszukiwania, aby filtrować elementy na podstawie imienia, nazwiska lub nazwy agenta, dobrze byłoby dodać podpowiedź, aby użytkownicy wiedzieli, jakich wyszukiwanych haseł użyć.

Aby to zrobić, po prostu zaznacz pasek wyszukiwania, a następnie przejdź do prawego panelu. W obszarze właściwości wpiszmy „Wyszukaj imię, nazwisko lub nazwę agenta”.

Teraz widzimy tę wskazówkę na pasku wyszukiwania, co ułatwia użytkownikom wyszukiwanie.

Ta wskazówka znika również, gdy użytkownik kliknie pasek wyszukiwania i zacznie pisać.

Wprowadzenie do Power Apps: definicja, funkcje, funkcje i znaczenie
Środowiska Power Apps: prawidłowe konfigurowanie elementów aplikacji
Power Apps Canvas: jak stworzyć aplikację od podstaw

Wniosek

Pole wyszukiwania PowerApps jest zdecydowanie jedną z rzeczy, które musisz dodać do swojej aplikacji, zwłaszcza jeśli pracujesz z dużą ilością danych w swojej galerii.

Pamiętaj, że aplikacje, które odniosły największy sukces, stawiają na pierwszym miejscu łatwość obsługi i intuicyjne sterowanie. Dodanie funkcji wyszukiwania zdecydowanie pokrywa te wymagania.

Wszystkiego najlepszego,

Henz