Ustvari SharePoint integrirane platnene aplikacije od začetka za ogled, urejanje, dodajanje in brisanje elementov na seznamu, ustvarjenem z uporabo Microsoftovih seznamov

V tem članku s primeri se boste naučili ustvarite aplikacijo s funkcijo obrazca SharePoint povsem od začetka. Aplikacija bo prikazala, kako si ogledate, urejate, dodajate in brišete elemente seznama z uporabo platnene aplikacije brez obiska SharePoint spletno mesto.

Opomba

Za več podrobnosti o različnih primerih dela z obrazci SharePoint in dodatne primere glejte Pregled primerov uporabe za SharePoint.

Zahteve

  • Imeti morate dostop do mesta SharePoint, da ustvarite seznam in elemente na seznamu.
  • Morate biti dobro obveščeni ustvarjanje in postavitev seznami.

Podrobnosti scenarija

Namen tega scenarija je pokazati, kako ustvariti platneno aplikacijo iz nič za delo s seznamom. Na koncu tega primera predstavitve boste lahko izvajali naslednja opravila v aplikaciji canvas, ne da bi morali dostopati do seznama ali njegovega elementa:

  • Oglejte si vse elemente s seznama.
  • Poiščite elemente na seznamu na podlagi besedilne vrednosti določenega stolpca.
  • Izberite element seznama.
  • Uredite element seznama.
  • Ustvarite nov element seznama.
  • Izbrišite element seznama.

Primer uporabe je osnovni prikaz zmogljivosti aplikacije s platnom, integrirane v SharePoint. Če želite izboljšati postavitev z izboljšanim oblikovanjem ali dodatnimi zasloni, pojdite na naslednje članke:

Pomembno

Primer v tem scenariju ustvari vzorčno aplikacijo za ogled, urejanje, dodajanje in brisanje elementov seznama. Pristop lahko spremenite in prilagodite aplikacijo glede na svoje izbire ali poslovni cilj. Ko prilagajte aplikacijo z imeni po meri za kontrolnike, pazite, da v formuli uporabite pravilna imena kontrolnikov, ko sledite korakom v tem primeru.

Primer

Ta primer scenarija vas vodi skozi korake za ustvarjanje aplikacije in njeno povezavo s seznamom za ogled, urejanje, dodajanje in brisanje elementov seznama.

1. korak – Ustvarite seznam z uporabo Microsoftovih seznamov

Ustvarite seznam s stolpci in elementi seznama. V tem primeru uporabe smo uporabili seznam z naslednjimi stolpci in elementi seznama:

Struktura seznama.

Opomba

Oba stolpca sta Ena vrstica besedila.

2. korak – Ustvarjanje prazne aplikacije s platnom

Ustvarjanje aplikacije delovnega območja od začetka.

3. korak – Povezovanje aplikacije s storitvijo SharePoint

  1. V levem podoknu izberite Viri podatkov.

    Izbira virov podatkov.

  2. Izberite vir podatkov SharePoint. Ime lahko poiščete tudi v iskalnem polju.

    Izbira vira podatkov SharePoint.

  3. Izberite Dodaj povezavo.

    Dodajanje povezave SharePoint.

  4. Izberite vrsto povezave. Ustvarite lahko povezavo z mestom SharePoint Online ali mestom SharePoint na mestu uporabe s prehodom za podatke, če je konfiguriran. V tem primeru uporabe je ustvarjena povezava z mestom SharePoint Online.

    Ustvarjanje povezave SharePoint.

  5. Izberite mesto SharePoint s seznamom, ki ste ga prej ustvarili.

    Izberite mesto SharePoint.

  6. Izberite seznam, ki ste ga ustvarili. Ta primer uporabe uporablja seznam z imenom Oblike.

    Izberite seznam.

  7. Izberite Vzpostavljanje povezave. Vir podatkov je dodan v aplikacijo.

    Vir podatkov je dodan.

4. korak – Dodajte podatkovno tabelo za ogled elementov seznama

  1. Izberite + (Vstavi) v levem podoknu.

    Izberite Vstavi.

  2. Razširite Postavitev.

  3. Izberite Podatkovna tabela.

    Izbira podatkovne tabele.

  4. Kot povezavo SharePoint izberite vir podatkov.

    Izbira vira podatkovne tabele.

  5. Podatkovno tabelo premaknite v spodnji desni kot zaslona, da ustvarite prostor za dodatne komponente.

    Premik podatkovne tabele.

5. korak – Dodajanje zmogljivosti za iskanje in izbiro elementa

  1. V delovno območje vstavite kontrolnik Vnos besedila in ga premaknite pod spustni seznam.

    Vstavljanje kontrolnika za vnos besedila.

  2. Posodobite lastnost Privzeto iskalnega polja na vrednost Iskanje po obliki.

    Privzeta lastnost za vnos besedila.

  3. Vstavite kontrolnik Polje s seznamom v delovno območje in ga premaknite pod kontrolnik za vnos besedila, ki ste ga dodali v prejšnjem koraku.

    Vstavljanje kontrolnika za polje s seznamom.

  4. Na desni strani zaslona Studio nastavite Predmeti lastnost kontrolnika polja s seznamom za Oblike seznam za ta primer.

    Elementi polja s seznamom.

  5. Nastavite lastnost Vrednost za kontrolnik polja s seznamom na Oblika namesto na Barva za ta primer.

    Vrednost polja s seznamom.

  6. Posodobite lastnost Elementi za polje s seznamom, ki ste ga dodali v prejšnjem koraku, na to formulo:

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

    Lastnost elementov polja za iskanje.

    Formula vsebuje naslednje funkcije:

    • Filter() – v tej formuli se uporablja za filtriranje elementov v polju s seznamom na podlagi določenih parametrov. [@Shapes] v tej funkciji določa, kateri vir podatkov naj se filtrira.
    • Začne se z () – Uporablja se v tej formuli za filtriranje postavk seznama na podlagi Oblika stolpec, ki se začne z znaki, vnesenimi v Vnos besedila1 nadzor dodan prej.

6. korak – Dodajanje zmogljivosti za urejanje elementa

  1. Vstavite kontrolnik Urejanje obrazca.

    Dodajanje kontrolnika za urejanje obrazca.

  2. Na desni strani zaslona studia nastavite lastnost Vir podatkov za kontrolnik obrazca za urejanje na Oblike.

    Vir podatkov za obrazec za urejanje.

  3. Izberite Urejanje polj za kontrolnik obrazca za urejanje in odstranite vsa druga polja, na primer Priloge.

    Odstranjevanje polja s prilogami.

  4. Preverite, ali sta prikazani polji Oblika in Barva. Če nista, ju dodajte z uporabo možnosti Dodaj polje.

    Dodajanje polj za obliko in barvo.

  5. Preuredite postavitev zaslona, da zagotovite, da je kontrolnik Urejanje obrazca viden in se ne prekriva z drugimi kontrolniki.

    Preurejen zaslon.

  6. Nastavite lastnost OnSelect za kontrolnik polja s seznamom na naslednjo funkcijo:

    Set(TextSelected,1)
    

    OnSelect za polje s seznamom.

    Funkcija Set() nastavi novo spremenljivko z imenom TextSelected na vrednost 1, ko je izbrana vrednost v polju s seznamom. Spremenljivka TextSeleced se v tem primeru uporabe uporablja kot zastavica za upravljanje dejanj in delovanja zmogljivosti za dodajanje, urejanje in brisanje, kot bo prikazano v naslednjih razdelkih.

  7. Nastavite lastnost OnSelect za kontrolnik obrazca za urejanje na naslednjo formulo:

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

    Lastnost »Element« za obrazec za urejanje.

    Funkcija If() najprej preveri, če ima spremenljivka TextSelected vrednost 1 ali ne. Če jo ima, obrazec za urejanje prikaže izbrani element iz polja s seznamom. Če je nima, obrazec za urejanje prikaže izbrani element iz podatkovne tabele.

  8. Vstavite gumb.

    Vstavljanje gumba.

  9. Na desni strani zaslona studia nastavite lastnost Besedilo za gumb, ki ste ga dodali v prejšnjem koraku, na Shrani.

    Gumb »Shrani«.

  10. Nastavite lastnost OnSelect za gumb Shrani na naslednjo formulo:

    SubmitForm(Form1);
    Set(TextSelected,0)
    

    Lastnost »OnSelect« za gumb »Shrani«.

    Formula vsebuje naslednje funkcije:

    • Oddaj obrazec() – Uporablja se v tej formuli za oddajo obrazca za urejanje in shranjevanje vrednosti na seznam.
    • Set() – ponastavi spremenljivko TextSelected nazaj na o, tako da lahko v polju s seznamom izberete nov element.
  11. Vstavite kontrolnik Besedilna oznaka.

    Besedilna oznaka.

  12. Posodobite lastnost Besedilo za kontrolnik Besedilna oznaka, ki ste ga dodali v prejšnjem koraku, na Če želite urediti vrednosti za element, jih izberite v tabeli ali poiščite.

    Posodobljeno besedilo oznake.

  13. Preuredite kontrolnike na zaslonu, da razvrstite kontrolnike za urejanje.

    Preurejanje kontrolnikov za urejanje.

7. korak – Dodajanje zmogljivosti za dodajanje elementa

  1. Vstavite gumb.

  2. Preuredite kontrolnike na zaslonu, da zagotovite vidnost gumba.

  3. Posodobite lastnost Besedilo za gumb, ki ste ga dodali v prejšnjem koraku, na Dodaj.

  4. Nastavite lastnost OnSelect za gumb Dodaj na naslednjo funkcijo:

    NewForm(Form1)
    

    Lastnost »OnSelect« za gumb »Dodaj«.

    The NewForm() funkcija počisti kontrolnik obrazca za urejanje, ki je dodan v obrazec z imenom Obrazec1 tako da lahko dodate nov element seznama.

8. korak – Dodajanje zmogljivosti za brisanje elementa

  1. Vstavite gumb.

  2. Premaknite gumb, ki ste ga dodali v prejšnjem koraku, pod gumb Shrani.

  3. Posodobite lastnost Besedilo za gumb, ki ste ga dodali v prejšnjem koraku, na Izbriši.

  4. Nastavite lastnost OnSelect za gumb Izbriši na naslednjo formulo:

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

    Lastnost »OnSelect« za gumb »Izbriši«.

    Formula vsebuje naslednje funkcije:

    • Odstrani() – Uporablja se v tej formuli za brisanje izbranega elementa seznama.
    • If() – najprej preveri, če ima spremenljivka TextSelected vrednost 1 ali ne. Če jo ima, gumb Izbriši izbriše izbrani element iz polja s seznamom. Če je nima, gumb Izbriši izbriše izbrani element iz kontrolnika podatkovne tabele.
    • Set() – ponastavi spremenljivko TextSelected nazaj na o, tako da lahko v polju s seznamom izberete nov element.

Zdaj, ko ste konfigurirali vse komponente aplikacije, se prepričajte, da je zaslon videti kot v naslednjem primeru:

Aplikacija po vseh dodanih komponentah.

9. korak – Shranjevanje aplikacije

Zdaj, ko ima aplikacija dodano zmogljivost za prikaz, urejanje, dodajanje in brisanje, shranite aplikacijo.

  1. Izberite meni Datoteka.

  2. Izberite Shrani.

  3. Pri prvem shranjevanju vam možnost Shrani odpre možnost Shrani kot. Če želite shraniti aplikacijo v oblak, izberite Shrani.

    Shranite aplikacijo.

  4. Zaprite Power Apps Studio.

10. korak – Preizkus aplikacije

  1. Obiščite spletno mesto Power Apps.

  2. Izberite Aplikacije.

  3. Izberite ustvarjeno aplikacijo.

    Predvajajte aplikacijo.

  4. Preizkusite komponente aplikacije.

    Predvajanje animacije aplikacije.

    Nasvet

    S tipko na tipkovnici Alt in klikom z levo tipko miške si lahko pri urejanju aplikacije v orodju Power Apps Studio ogledate, kako bo delovala komponenta.

    Namesto da izberete Predogled aplikacije zgoraj desno ali tipko F5 na tipkovnici, ki zažene aplikacijo v predogledu, pridržite tipko Alt na tipkovnici in nato v podatkovni tabeli izberite vrstico, da premaknete kontrolnik obrazca za urejanje na izbrano vrstico, kot da se izvaja predogledna različica aplikacije.

    Alt + levi klik na spustni meni za predogled.

    Pridržite tipko Alt na tipkovnici in še naprej lahko izvajate predogledno različico v orodju Power Apps Studio. Izberete lahko na primer več komponent za različna dejanja ali preverjanja.

Naslednji koraki

Če uredite aplikacijo, morate objaviti spremembe, da jih drugi vidijo.

Ko je aplikacija pripravljena za uporabo, jo delite z drugimi.

Glejte tudi

Opomba

Ali nam lahko poveste, kateri je vaš prednostni jezik za dokumentacijo? Izpolnite kratko anketo. (upoštevajte, da je v angleščini)

Z anketo boste porabili približno sedem minut. Ne zbiramo nobenih osebnih podatkov (izjava o zasebnosti).