Compleet nieuwe met SharePoint geïntegreerde canvas-apps maken om items weer te geven, te bewerken, toe te voegen en te verwijderen in een lijst gemaakt met Microsoft Lijsten

In deze scenariobeschrijving leest u hoe u een geheel nieuwe app maakt met de SharePoint-formulierfunctionaliteit. De app laat zien hoe u lijstitems kunt bekijken, bewerken, toevoegen en verwijderen met een canvas-app zonder dat een SharePoint-site wordt geopend.

Notitie

Voor meer informatie over verschillende scenario's waarin wordt gewerkt met SharePoint-formulieren en aanvullende voorbeelden, gaat u naar Overzicht van SharePoint-scenario's.

Vereisten

• U moet toegang hebben tot een SharePoint-site om een lijst en lijstitems te maken.
• U moet weten hoe u lijsten maakt en instelt.

Scenariodetails

Dit scenario is bedoeld om te laten zien hoe u een geheel nieuwe canvas-app kunt maken om te werken met een lijst. Aan het einde van deze voorbeelddemo kunt u de volgende taken uitvoeren vanuit de canvas-app zonder dat u de lijst of de items hoeft te openen:

• Alle items in de lijst weergeven.
• Zoeken naar items in een lijst op basis van de tekstwaarde van een specifieke kolom.
• Een lijstitem selecteren.
• Een lijstitem bewerken.
• Een nieuwe lijstitem maken.
• Een lijstitem verwijderen.

Het scenario is een basisillustratie van de mogelijkheden van de canvas-app wanneer deze is geïntegreerd met SharePoint. Ga naar de volgende artikelen om de indeling te verbeteren met een verbeterd ontwerp of extra schermen:

• Besturingselementen toevoegen en configureren
• Een scherm toevoegen en configureren
• Inzicht krijgen in formulieren, indelingen en kaarten

Belangrijk

In het voorbeeld in dit scenario wordt een voorbeeld-app gemaakt om lijstitems te bekijken, bewerken, toevoegen en verwijderen. U kunt de aanpak wijzigen om de app anders aan te passen op basis van uw keuzes of bedrijfsdoelstelling. Wanneer u uw app aanpast met aangepaste namen voor besturingselementen, moet u ervoor zorgen dat u de juiste namen van besturingselementen in de formule gebruikt wanneer u de stappen in dit voorbeeld volgt.

Voorbeeld

In dit scenariovoorbeeld wordt u door de stappen geleid om een app te maken en deze te verbinden met een lijst om lijstitems te bekijken, bewerken, toevoegen en verwijderen.

Stap 1: Een lijst maken met Microsoft Lijsten

Maak een lijst met kolommen en lijstitems. In dit scenario hebben we een lijst gebruikt met de volgende kolommen en lijstitems:

Notitie

Beide kolommen hebben Eén tekstregel.

Stap2: Een lege canvas-app maken

Een lege canvas-app maken.

Stap 3: App verbinden met SharePoint

1. Selecteer Gegevensbronnen in het linkerdeelvenster.

   

2. Selecteer SharePoint-gegevensbron. U kunt ook naar de naam zoeken in het zoekvak.

   

3. Selecteer Een verbinding toevoegen.

   

4. Selecteer een verbindingstype. U kunt verbinding maken met SharePoint Online of een on-premises SharePoint-site met een gegevensgateway als deze is geconfigureerd. In dit scenario wordt verbinding gemaakt met een SharePoint Online-site.

   

5. Selecteer de SharePoint-site die u eerder hebt gemaakt.

   

6. Selecteer de lijst die u hebt gemaakt. In dit scenario wordt een lijst gebruikt met de naam Vormen.

   

7. Selecteer Verbinding maken. De gegevensbron wordt aan de app toegevoegd.

   

Stap 4: Een gegevenstabel toevoegen om lijstitems te bekijken

1. Selecteer + (invoegen) in het linkerdeelvenster.

   

2. Vouw Indeling uit.

3. Selecteer Gegevenstabel.

   

4. Selecteer de gegevensbron als uw SharePoint-verbinding.

   

5. Verplaats de gegevenstabel naar rechtsonder in het scherm om ruimte te maken voor extra componenten.

   

Stap 5: Voeg de mogelijkheid toe om items te zoeken en te selecteren

1. Voeg een besturingselement voor Tekstinvoer toe aan het canvas en plaats het onder de vervolgkeuzelijst.

   

2. Werk de Standaard eigenschap van het zoekvak bij tot de waarde Zoeken op vorm.

   

3. Voeg een besturingselement Keuzelijst toen aan het canvas en plaats het onder het besturingselement voor tekstinvoer dat in de vorige stap is toegevoegd.

   

4. Stel aan de rechterkant van het Studio-scherm de eigenschap Items van het keuzelijstbesturingselement in op de lijst Vormen voor dit voorbeeld.

   

5. Stel de eigenschap Value voor het keuzelijstbesturingselement in op Vorm in plaats van op Color voor dit voorbeeld.

   

6. Werk de eigenschap Items van de keuzelijst die in de vorige stap is toegevoegd, bij naar de volgende formule:

   Filter([@Shapes], StartsWith(Shape, TextInput1.Text))
   

   

   De formulier bevat de volgende functies:

   • Filter(): in deze formule gebruikt om items in de keuzelijst te filteren op basis van de gedefinieerde parameters. [@Shapes] definieert in deze functie welke gegevensbron moet worden gefilterd.
   • StartsWith(): in deze formule gebruikt om op basis van de kolom Vorm de lijstitems te filteren die beginnen met de tekens die zijn ingevoerd in het besturingselement TextInput1 dat eerder is toegevoegd.

Stap 6: Voeg de mogelijkheid toe om een item te bewerken

1. Voeg het besturingselement Formulier bewerken in.

   

2. Stel aan de rechterkant van het Studio-scherm de eigenschap Gegevensbron voor het besturingselement Formulier bewerken in op Vormen.

   

3. Selecteer Velden bewerken voor het besturingselement Formulier bewerken en verwijder andere velden zoals Bijlagen, indien aanwezig.

   

4. Zorg ervoor dat de velden Vorm en Kleur aanwezig zijn. Zo niet, voeg ze dan toe met Veld toevoegen.

   

5. Herschik de schermindeling om ervoor te zorgen dat het besturingselement Formulier bewerken zichtbaar is en niet overlapt met andere besturingselementen.

   

6. Stel de eigenschap OnSelect van het besturingselement voor keuzelijst in op de volgende functie:

   Set(TextSelected,1)
   

   

   De functie Set() stelt een nieuwe variabele met de naam TextSelected in op de waarde 1 wanneer een waarde in de keuzelijst is geselecteerd. De variabele TextSelected wordt in dit scenario gebruikt als een markering om de acties en het gedrag van de mogelijkheden voor toevoegen, bewerken en verwijderen te regelen, zoals u in de volgende secties zult zien.

7. Stel de eigenschap Item van het besturingselement voor formulier bewerken in op de volgende formule:

   If(TextSelected=1,ListBox1.Selected,DataTable1.Selected)
   

   

   De functie If() controleert eerst of de waarde van de variabele TextSelected 1 is of niet. Als dit het geval is, toont het bewerkingsformulier het geselecteerde item uit de keuzelijst. Als dit niet het geval is, toont het bewerkingsformulier het geselecteerde item uit de gegevenstabel.

8. Voeg een knop in.

   

9. Stel aan de rechterkant van het Studio-scherm de eigenschap Tekst van de knop die in de vorige stap is toegevoegd, in op Opslaan.

   

10. Stel de eigenschap OnSelect van de knop Opslaan in op de volgende formule:

    SubmitForm(Form1);
    Set(TextSelected,0)
    

    

    De formulier bevat de volgende functies:

    • SubmitForm(): in deze formule gebruikt om het bewerkingsformulier te verzenden en de waarden op te slaan in de lijst.
    • Set(): stel de variabele TextSelected opnieuw in op o zodat een nieuw item kan worden geselecteerd uit de keuzelijst.

11. Voeg het besturingselement Tekstlabel in.

    

12. Wijzig de eigenschap Tekst voor het besturingselement Tekstlabel dat is toegevoegd in de vorige stap, in Als u waarden voor een item wilt bewerken, selecteert u deze in de tabel of zoekt u.

    

13. Verander de volgorde van de besturingselementen op het scherm.

    

Stap 7: Voeg de mogelijkheid toe om een item toe te voegen

1. Voeg een knop in.

2. Verander de volgorde van de besturingselementen op het scherm zodat de knop zichtbaar is.

3. Wijzig de eigenschap Tekst van de knop die in de vorige stap is toegevoegd, in Toevoegen.

4. Stel de eigenschap OnSelect van de knop Toevoegen in op de volgende functie:

   NewForm(Form1)
   

   

   De functie NewForm() wist het besturingselement Formulier bewerken dat is toegevoegd aan het formulier Form1 zodat u een nieuw lijstitem kunt toevoegen.

Stap 8: Voeg de mogelijkheid toe om een item te verwijderen

1. Voeg een knop in.

2. Plaats de knop die in de vorige stap is toegevoegd onder de knop Opslaan.

3. Wijzig de eigenschap Tekst van de knop die in de vorige stap is toegevoegd, in Verwijderen.

4. Stel de eigenschap OnSelect van de knop Verwijderen in op de volgende formule:

   Remove([@Shapes], If(TextSelected=1,ListBox1.Selected,DataTable1.Selected));
   Set(TextSelected,0)
   

   

   De formulier bevat de volgende functies:

   • Remove(): in deze formule gebruikt om het geselecteerde lijstitem te verwijderen.
   • If(): controleert eerst of de waarde van de variabele TextSelected 1 is of niet. Als dit het geval is, verwijdert u met de knop Verwijderen het geselecteerde item uit de keuzelijst. Als dit niet het geval is, verwijdert u met de knop Verwijderen het geselecteerde item uit het besturingselement gegevenstabel.
   • Set(): stel de variabele TextSelected opnieuw in op o zodat een nieuw item kan worden geselecteerd uit de keuzelijst.

Nu u alle app-componenten hebt geconfigureerd, moet u ervoor zorgen dat het scherm eruitziet zoals in het volgende voorbeeld:

Stap 9: De app opslaan

Nu de app functies heeft voor weergeven, bewerken, toevoegen en verwijderen, kunt u de app opslaan.

1. Selecteer het menu Bestand.

2. Selecteer Opslaan.

3. Wanneer u voor het eerst opslaat, wordt de optie Opslaan weergegeven als Opslaan als. Selecteer Opslaan om de app in de cloud op te slaan.

   

4. Sluit Power Apps Studio.

Stap 10: De app testen

1. Ga naar Power Apps.

2. Selecteer Apps.

3. Selecteer de gemaakte app.

   

4. Test de app-onderdelen.

   

   Tip

   U kunt snel een voorbeeld van een onderdeel bekijken met de toets Alt en klikken op de linkermuisknop tijdens het bewerken van de app in Power Apps Studio.

   In plaats van rechtsboven Bekijk een voorbeeld van de app te selecteren of op F5 op het toetsenbord te drukken terwijl een voorbeeld van de app wordt uitgevoerd, houdt u de toets Alt ingedrukt en selecteert u een rij uit de gegevenstabel om het besturingselement voor het bewerkingsformulier te wijzigen in de geselecteerde rij alsof een voorbeeld van de app wordt uitgevoerd.

   

   Houd de Alt-toets ingedrukt en blijf het voorbeeld in Power Apps Studio uitvoeren. Als u bijvoorbeeld meerdere componenten wilt selecteren voor verschillende acties of controles.

Volgende stappen

Als u de app bewerkt, moet u de wijzigingen publiceren voordat anderen ze zien.

Zodra de app klaar is voor gebruik, kunt u de app delen.

Zie ook

• Besturingselementen toevoegen en configureren
• Een scherm toevoegen en configureren
• Inzicht krijgen in formulieren, indelingen en kaarten
• Formuleverwijzing
• Besturingsverwijzing

Notitie

Laat ons uw taalvoorkeuren voor documentatie weten! Beantwoord een korte enquête. (houd er rekening mee dat deze in het Engels is)

De enquête duurt ongeveer zeven minuten. Er worden geen persoonlijke gegevens verzameld (privacyverklaring).