Oprette en lærredapp til håndtering af projektanmodninger

Bemærk

Denne artikel er en del af et selvstudium i brug af Power Apps, Power Automate og Power BI med SharePoint Online. Sørg for, at du læser serieintroduktionen for at få et overblik og hente de relaterede downloads.

Nu, hvor listerne er på plads, kan vi bygge og tilpasse vores første app. Power Apps er integreret med SharePoint, så det er nemt at oprette en grundlæggende app med tre skærmbilleder direkte fra en liste. Med denne app kan du få vist en oversigt og detaljerede oplysninger om hvert listeelement, opdatere eksisterende listeelementer og oprette nye listeelementer. Hvis du opretter en app direkte fra en liste, optræder appen som en visning for den pågældende liste. Du kan derefter køre denne app i en browser og på en mobiltelefon.

Trin 1: Oprette en app ud fra en liste

  1. På listen over projektanmodninger, som du har oprettet, skal du vælge Integrer -> Power Apps -> Opret en app.

    Opret en app.

  2. Navngiv appen, f.eks. "appen Projektanmodninger", og klik eller tryk på Opret. Når appen er klar, åbnes den i Power Apps Studio.

    Angiv et navn til appen.

Trin 2: Gennemse appen i Power Apps Studio

  1. På navigationslinjen til venstre i Power Apps Studio vises som standard en hierarkisk visning af appens skærmbilleder og kontrolelementer.

    Power Apps Studio med hierarkisk visning.

  2. Klik eller tryk på miniatureikonet for at skifte mellem visninger.

    Power Apps Studio-visningsvælger.

  3. Klik eller tryk på hvert enkelt skærmbillede for at få det vist i den midterste rude. Der er tre skærmbilleder:

    (a). Skærmbilledet for gennemsyn, hvor du kan gennemse, sortere og filtrere de data, der hentes ind fra listen.

    (b). Skærmbilledet for detaljer, hvor du får vist flere detaljer om et element.

    (c). Skærmbilledet for redigering/oprettelse, hvor du kan redigere et eksisterende element eller oprette et nyt.

    Power Apps Studio med miniaturevisning.

Trin 3: Tilpasse appens skærmbillede for gennemsyn

  1. Klik eller tryk på skærmbilledet for gennemsyn.

    Dette skærmbillede har et layout, der indeholder et galleri, hvor du kan få vist listeelementer samt andre kontrolelementer, f.eks. en søgelinje og en sorteringsknap.

  2. Vælg galleriet BrowseGallery1 ved at klikke eller trykke på en vilkårlig post, med undtagelse af den første.

    Gennemse galleri.

  3. I ruden til højre skal du under Egenskaber klikke eller trykke på Projektanmodninger.

  4. Opdater felterne, så de stemmer overens med følgende liste:

    • RequestDate

    • Requestor

    • Titel

      Gallerifelter.

  5. Mens BrowseGallery1 stadig er markeret, skal du markere egenskaben Items.

    Egenskaben Items.

  6. Rediger formlen til SortByColumns(Filter('Project Requests', StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending)).

    Formellinje.

    Dermed kan du sortere og søge efter feltet Titel i stedet for det, der som standard er valgt i Power Apps. Du kan finde yderligere oplysninger under Grundig gennemgang af formel.

  7. Klik eller tryk på Filer og derefter på Gem. Klik eller tryk på ikonet Tilbage til app. for at gå tilbage til appen.

Trin 4: Gennemse appens skærmbillede for detaljer og redigere det

  1. Klik eller tryk på skærmbilledet for detaljer.

    Dette skærmbillede har et andet layout, der indeholder en visningsformular, hvor du kan få vist detaljer om et element, der er valgt i galleriet. Det indeholder kontrolelementer til redigering og sletning af elementer samt tilbagevenden til skærmbilledet for gennemsyn.

    Visningsformular for detaljer.

  2. Klik eller tryk på skærmbilledet for redigering.

    Dette skærmbillede indeholder en redigeringsformular, som du kan bruge til at redigere det markerede element eller oprette et nyt (hvis du kom hertil direkte fra skærmbilledet for gennemsyn). Det indeholder kontrolelementer til lagring eller sletning af ændringer.

    Redigeringsformular.

Trin 5: Køre appen fra listen

  1. På listen Projektanmodninger skal du klikke eller trykke på Alle elementer og derefter på appen Projektanmodninger.

    Vis appen Projektanmodninger.

  2. Klik på Åbn, som åbner appen i en ny browserfane.

    Åbn appen Projektanmodninger.

  3. I appen skal du klikke eller trykke på Gå til ikonet for detaljer. for det første element i galleriet for gennemsyn.

    Første gallerielement.

  4. Klik eller tryk på ikon for blyantredigering. for at redigere elementet.

  5. Opdater feltet Beskrivelse – ved at ændre det sidste ord fra "gruppe" til "team", og klik eller tryk derefter på ikonet for afkrydsning.

    Opdater feltet Beskrivelse.

  6. Luk browserfanen.

  7. Gå tilbage til listen Projektanmodninger, klik eller tryk på appen Projektanmodninger og derefter på Alle elementer.

    Vis alle elementer.

  8. Kontrollér den udførte ændring via appen.

    Kontrollér din redigering.

Dette er forholdsvis enkel app, og vi har kun foretaget nogle få grundlæggende tilpasninger, men du kan se, at du hurtigt kan bygge noget interessant. Vi går videre til næste opgave, men synes, du skal bruge lidt tid på at bevæge dig rundt i appen, hvis du har lyst, så du kan se, hvordan kontrolelementerne og formlerne arbejder sammen om at sikre appens funktionsmåde.

Grundig gennemgang af formel

Denne sektion er valgfri, men her kan du få hjælp til at forstå, hvordan formler fungerer. I trin 3 i denne opgave ændrede vi formlen for egenskaben Items for BrowseGallery1. Vi ændrede specifikt sortering og søgning til at bruge feltet Titel i stedet for det felt, der var valgt i Power Apps. Her er den ændrede formel:

SortByColumns ( Filter ( 'Project Requests', StartsWith ( Title, TextSearchBox1.Text ) ), "Title", If ( SortDescending1, Descending, Ascending ) )

Hvad gør denne formel? Den angiver kilden for data, der vises i galleriet, filtrerer, de data, der er baseret på den tekst, der angives i søgefeltet, og sorterer de resultater, der er baseret på sorteringsknappen i appen. Formlen bruger funktioner til at udføre sit arbejde: Funktionerne tager parametre (dvs. input), udfører en handling (f.eks. filtrering) og returnerer en værdi (dvs. output):

Når du sætter funktionerne sammen i formlen, sker der følgende:

  1. Hvis du angiver tekst i søgefeltet, sammenligner funktionen StartsWith denne tekst med starten af hver enkelt streng i kolonnen Titel på listen.

    StartsWith ( Title, TextSearchBox1.Text )

    Hvis du f.eks. skriver "ko" i søgefeltet, vises fire resultater, herunder elementer, der begynder med "kontrolelement" og "kommunikation". Du kan ikke se alle elementer af typen "Mobilenheder", da de ikke begynder med "ko".

  2. Funktionen Filter returnerer rækker fra tabellen Projektanmodninger. Hvis der er ikke er tekst at sammenligne med i søgefeltet, returnerer Filter alle rækker.

    Filter ( 'Project Requests', StartsWith ( Title, TextSearchBox1.Text )

  3. Funktionen If ser på, om variablen SortDescending1 er angivet til true eller false (den angives af sorteringsknappen i appen). Funktionen returnerer derefter værdien Descending eller Ascending.

    If ( SortDescending1, Descending, Ascending )

  4. Nu kan funktionen SortByColumns sortere galleriet. I dette tilfælde sorteres det ud fra feltet Titel, men det kan være et andet felt end det, du søger på.

Hvis du har fulgt gennemgangen indtil videre, håber vi, du har fået en bedre forståelse af, hvordan denne formel fungerer, og hvordan du kan kombinere funktioner og andre elementer for at sikre den funktionsmåde, appen kræver. Se Formelreference for Power Apps for at få flere oplysninger.

Næste trin

Det næste trin i denne serie af selvstudier er at Oprette et flow til administration af projektgodkendelser.

Se også

Bemærk

Kan du fortælle os om dine sprogpræferencer for dokumentation? Tag en kort undersøgelse. (bemærk, at denne undersøgelse er på engelsk)

Undersøgelsen tager ca. syv minutter. Der indsamles ingen personlige data (erklæring om beskyttelse af personlige oplysninger).