Skapa en arbetsyteapp som hanterar projektbegäranden

Anteckning

Den här artikeln är en del av en självstudie med att använda Power Apps, Power Automate och Power BI med SharePoint Online. Var noga med att läsa introduktionen för att få en översikt samt relaterade nedladdningar.

Nu när listorna är på plats kan vi skapa och anpassa vår första app. Power Apps är integrerad med SharePoint, så det är enkelt att skapa en grundläggande treskärmsapp direkt från en lista. Med den här appen kan du se översiktlig och detaljerad information för varje listobjekt, uppdatera befintliga listobjekt och skapa nya listobjekt. Om du skapar appen direkt från en lista visas den som en vy för listan. Du kan sedan köra appen i en webbläsare och på en mobiltelefon.

Steg 1: Skapa en app från en lista

  1. I listan Projektförfrågningar väljer du Integrera -> Power Apps -> Skapa en app.

    Skapa en app.

  2. Ge appen ett namn, t.ex. ”Projektbegärandeapp” och klicka eller tryck sedan på Skapa. När appen är klar öppnas den i Power Apps Studio.

    Ange ett namn för appen.

Steg 2: Granska krav appen i Power Apps Studio

  1. I Power Apps Studio visar det vänstra navigeringsfältet som standard en hierarkisk vy över skärmarna och kontrollerna i appen.

    Power Apps Studio med hierarkisk vy.

  2. Klicka eller tryck på miniatyren för att växla vy.

    Power Apps Studio vyväljare.

  3. Klicka eller tryck på skärmen för att se den i den mellersta rutan. Det finns tre skärmar:

    (a). Bläddringsskärmen där du bläddrar, sorterar och filtrerar data som hämtats från listan.

    (b). Informationsskärmen där du ser detaljerad information om ett objekt.

    (c). Skärmen för att redigera/skapa där du kan redigera ett befintligt objekt eller skapa ett nytt.

    Power Apps Studio med miniatyrvy.

Steg 3: Anpassa appens bläddringsskärm

  1. Klicka eller tryck på bläddringsskärmen.

    Den här skärmens layout innehåller ett galleri med listobjekt, samt kontroller som t.ex. ett sökfält och en sorteringsknapp.

  2. Välj kontrollen BrowseGallery1 genom att klicka eller trycka på en post, förutom den första.

    Bläddra i galleriet.

  3. I den högra rutan under Egenskaper, klicka eller tryck på Projektbegäranden.

  4. Uppdatera fälten för att matcha följande lista:

    • RequestDate

    • Requestor

    • Title

      Gallerifält.

  5. Med BrowseGallery1 fortfarande markerat väljer du egenskapen Items.

    Items-egenskap.

  6. Ändra formeln till SortByColumns(Filter('Project Requests', StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending)).

    Formelstång.

    Nu kan du sortera och söka efter fältet Rubrik, i stället för det standardfält som Power Apps valt. Se Djupdykning i formler för mer information.

  7. Klicka eller tryck på Arkiv och sedan Spara. Klicka eller tryck på Tillbaka till appikonen. för att gå tillbaka till appen.

Steg 4: Granska appens informations- och redigeringsskärm

  1. Klicka eller tryck på informationsskärmen.

    Den här skärmen har en annan layout med ett visningsformulär, som visar information om ett objekt som valts i galleriet. Den har kontroller för att redigera och ta bort objekt, eller för att gå tillbaka till bläddringsskärmen.

    Detaljer visningsformulär.

  2. Klicka eller tryck på redigeringsskärmen.

    Den här sidan innehåller ett redigeringsformulär där du redigerar det valda objektet eller skapar ett nytt (om du kommer hit direkt från bläddringsskärmen). Den innehåller kontroller för att spara eller ta bort ändringar.

    Redigera formulär.

Steg 5: Köra appen från listan

  1. I listan projektbegäranden, klickar eller trycker du på alla objekt och sedan app för projektbegäranden.

    Visa appen Project Requests.

  2. Klicka på öppna för att öppna appen i en ny webbläsarflik.

    Öppna appen Project Requests.

  3. I appen klickar eller trycker du på Gå till detaljikonen. för det första objektet i bläddringsgalleriet.

    Första galleriobjektet.

  4. Klicka eller knacka på Pennredigeringsikon. för att redigera objektet.

  5. Uppdatera fältet Beskrivning – Ändra det sista ordet från ”grupp” till ”team” och klicka eller tryck sedan på kryssikonen.

    Uppdatera beskrivningsfältet.

  6. Stäng webbläsarfliken.

  7. Gå tillbaka till listan Projektbegäranden, klicka eller tryck på Projektbegärandeapp och sedan på Alla objekt.

    Visa alla objekt.

  8. Kontrollera ändringarna du gjort från appen.

    Verifiera din redigering.

Det här är en ganska enkel app och vi bara gjort några grundläggande anpassningar, men du kan se att det går snabbt att skapa något intressant. Nu ska vi gå vidare till nästa aktivitet. Innan dess kan du ta en närmare titt på appen om du vill och se hur kontroller och formler fungerar.

Djupdykning i formler

Det här avsnittet är valfritt, men ger dig mer information om hur formler fungerar. I steg 3 i den här uppgiften ändrade vi formeln för egenskapen Items i BrowseGallery1. Mer specifikt ändrade vi sortering och sökning till att använda fältet Rubrik i stället för det fält som Power Apps valde. Här är den ändrade formeln:

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

Men vad gör den här formeln? Den fastställer datakällan som visas i galleriet, filtrerar data baserat på text som skrivs i sökrutan och sorterar resultatet baserat på sorteringsknappen i appen. Formeln använder sig av funktioner. Funktioner hämtar parametrar (dvs. indata), utför en åtgärd (t.ex. filtrering) och returnerar ett värde (dvs. utdata):

  • Funktionen SortByColumns sorterar en tabell utifrån en eller flera kolumner.
  • Funktionen Filter söker efter poster i en tabell som uppfyller en formel som du har angett.
  • Funktionen StartsWith testar om en textsträng börjar med en annan.
  • Funktionen If returnerar ett värde om villkoret är sant och ett annat värde om samma villkor är falskt.

När du sätter ihop funktionerna i formeln händer följande:

  1. Om du anger text i sökrutan jämför StartsWith-funktionen texten med början av varje sträng i kolumnen Title i listan.

    StartsWith ( Title, TextSearchBox1.Text )

    Om du exempelvis anger ”de” i sökrutan visas fyra resultat, inklusive objekt som börjar med ”Desktop” och ”Device”. Du kommer inte att se alla ”Mobile devices” eftersom de inte börjar med ”de”.

  2. Funktionen Filter returnerar rader från tabellen Projektbegäranden. Om det inte finns någon text i sökrutan att jämföra med, returnerar Filter alla rader.

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

  3. If-funktionen kontrollerar om variabeln SortDescending1 har angetts till true eller false (anges med sorteringsknappen i appen). Funktionen returnerar sedan värdet fallande eller stigande.

    If ( SortDescending1, Descending, Ascending )

  4. Nu kan funktionen SortByColumns sortera galleriet. I det här fallet sorterar den utifrån fältet Title, men det kan vara ett annat fält än det du söker i.

Nu hoppas vi att du har en bättre uppfattning av hur den här formeln fungerar och att du vet hur du kan kombinera funktioner och andra element så att dina appar fungerar som du vill. Mer information finns i formelreferens för Power Apps.

Nästa steg

Nästa steg i den här självstudien är att Skapa ett flöde för att hantera projektgodkännanden.

Se även

Anteckning

Kan du berätta om dina inställningar för dokumentationsspråk? Svara i en kort undersökning. (observera att undersökningen är på engelska)

Undersökningen tar ungefär sju minuter. Inga personuppgifter samlas in (sekretesspolicy).