Tworzenie karty z listą zakupów

W tym samouczku utworzysz kartę, na której jest wyświetlana lista zakupów i można dodawać pozycje. Będziesz używać projektanta kart, zmiennych i programu Power Fx.

Na końcu tego samouczka karta listy zakupów powinna wyglądać jak w poniższym przykładzie:

Zrzut ekranu przedstawiający kartę z gotową listą zakupów.

Wymagania wstępne

Utwórz kartę

  1. Zaloguj się do Power Apps i wybierz swoje środowisko.

  2. W lewym okienku wybierz Karty. Jeśli elementu nie ma w okienku panelu bocznego, wybierz …Więcej, a następnie wybierz żądany element.

  3. Wybierz pozycję + Utwórz kartę.

  4. W obszarze Nazwa karty wpisz SimpleShoppingCard, a następnie wybierz pozycję Utwórz.

  5. Wybierz tekst Tutaj będzie znajdował się tytuł Twojej karty. W okienku właściwości etykiety tekstowej ustaw Tekst na Lista zakupów.

  6. Wybierz tekst Dodaj lub usuń element, aby dostosować nową kartę. W okienku właściwości etykiety tekstowej ustaw Tekst na Użyj poniższego pola do dodania pozycji do listy.

Dodawanie zmiennej

Na liście zakupów w oddzielnych wierszach tekstu będą znajdować się indywidualne pozycje. Wygląda ona jak tabela z jedną kolumną, w której w każdym wierszu znajduje się jeden artykuł spożywczy. Sugeruje to, że trzeba będzie utworzyć zmienną tabeli, aby przechowywać listę.

  1. W lewym okienku wybierz pozycję Zmienne.

  2. Wybierz pozycję +Nowa zmienna.

  3. W oknie Nowa zmienna wprowadź ciąg MyGroceryList w obszarze Nazwa. Ustaw typ na Tabela.

  4. Wybierz nawiasy klamrowe z prawej strony pola Wartość domyślna i wprowadź "" między nawiasami. Oznacza to, że w naszej tabeli znajdują się wartości tekstowe w kolumnie niejawnie nazywanej Wartość

  5. Wybierz pozycję Zapisz.

    Zrzut ekranu przedstawiający okienko właściwości zmiennej MyGroceryList.

Dodawanie listy do karty

  1. W lewym okienku wybierz pozycję Wstaw.

  2. W okienku narzędzi wybierz opcję Wyświetl, aby rozwinąć kategorię, a następnie wybierz opcję Etykieta tekstowa.

  3. W okienku etykiety tekstowej wybierz kartę Zaawansowane.

  4. Ustaw opcję Powtórz dla każdego na MyGroceryList.

    Zrzut ekranu przedstawiający okienko zaawansowanych właściwości etykiety tekstowej z wartością MyGroceryList we właściwości Powtórz dla każdego.

    Ustawienie właściwości Powtórz dla każdego etykiety tekstowej powoduje powtarzanie etykiety tekstowej dla każdego elementu w określonej tabeli. W tym przykładzie tabela MyGroceryList to zmienna utworzona wcześniej. Mówiąc inaczej, na karcie jest tworzona osobna etykieta tekstowa dla każdej pozycji na liście artykułów spożywczych.

  5. Wybierz kartę Właściwości. Ustaw tekst na ThisItem.Value.

    Przypisanie zdefiniowanej przez system zmiennej ThisItem.Value do etykiety tekstowej powoduje wyświetlenie bieżącego elementu w tablicy MyGroceryList jako tekstu etykiety. Tablica to kolejny termin dotyczący zmiennej tabeli. Nazwę zmiennej można wprowadzić na pasku formuły lub w okienku właściwości.

    Zrzut ekranu przedstawiający nazwę zmiennej wprowadzoną we właściwości Tekst etykiety tekstowej.

Dodawanie pola danych wejściowych

Utworzona lista jest pusta, więc w ostatnim kroku przyznasz użytkownikowi uprawnienia do dodawania pozycji.

  1. W lewym okienku wybierz pozycję Wstaw.

  2. W okienku narzędzi wybierz opcję Dane wejściowe, aby rozwinąć kategorię, a następnie wybierz opcję Wprowadzenie tekstu.

  3. W okienku właściwości danych wejściowych w postaci tekstu ustaw nazwę na NewItem i ustaw etykietę na Nowa pozycja:.

    Zrzut ekranu przedstawiający nazwy zmiennych wprowadzone we właściwościach Nazwa i Etykieta pola danych wejściowych w postaci tekstu.

    Właściwość Nazwa umożliwia odwołanie się do kontrolki w wyrażeniu Power Fx. Musi to być jeden wyraz bez spacji ani znaków specjalnych. Właściwość Etykieta zostanie wyświetlona na karcie. Nazwa i etykieta kontrolki nie muszą być podobne, ponieważ są tutaj, ale użycie podobnych nazw ułatwia śledzenie kontrolek.

Dodawanie przycisku Power Fx

  1. W lewym okienku wybierz pozycję Wstaw.

  2. W okienku narzędzi wybierz opcję Dane wejściowe, aby rozwinąć kategorię, a następnie wybierz opcję Przycisk.

  3. W okienku właściwości przycisku ustaw tytuł na Dodaj pozycję.

  4. W okienku właściwości wybierz opcję PowerFx, aby umieścić kursor na pasku formuły.

  5. Wpisz następujące wyrażenie Power Fx na pasku formuły: Collect(MyGroceryList, {Value: NewItem})

    To wyrażenie używa funkcji Power Fx Collect do dołączania wartości wejściowych użytkownika NewItem do zmiennej tabeli MyGroceryList w kolumnie niejawnej Wartość. Ponieważ wyrażenie jest powiązane z właściwością OnSelect, jest uruchamiane po wybraniu przycisku przez użytkownika.

    Zrzut ekranu przedstawiający wyrażenie Power Fx na pasku formuły, przypisane do właściwości OnSelect przycisku.

Przetestuj kartę

Zawsze przed odtworzeniem karty należy zapisać zmiany. Wybierz pozycję Zapisz, a następnie wybierz pozycję Odtwórz.

Przetestuj kartę, dodając kilka pozycji do listy artykułów spożywczych.

Następne kroki

Dowiedz się, jak wykonać bardziej złożoną kartę przy użyciu łączników usługi Microsoft Dataverse.