Stvaranje aplikacije od gotovih gradivnih elemenata integrirane u SharePoint ispočetka za prikaz, uređivanje, dodavanje i brisanje stavki popisa SharePoint

U ovom ćete članku saznati način na koji se od početka stvara aplikacija pomoću funkcije obrasca SharePoint. Aplikacija će pokazati kako pregledavati, uređivati, dodavati i brisati stavke popisa SharePoint pomoću radnog mjesta, a da ne idete na web-mjesto SharePoint.

Napomena

Više detalja o različitim scenarijima pri radu s obrascima SharePoint i dodatne primjere pogledajte u Pregledu scenarija SharePoint.

Preduvjeti

  • Morate imati pristup web-mjestu SharePoint da biste stvarali popis i stavke popisa.
  • Morate biti poznavati stvaranjei postavljanje popisa SharePoint.

Pojedinosti o scenariju

Svrha ovog scenarija je pokazati kako od nule stvoriti radno područje za rad s popisom SharePoint. Na kraju ovog prikazanog primjera, moći ćete izvesti sljedeće zadatke iz radnog područja, a da ne morate pristupiti popisu SharePoint ili njegovim stavkama:

  • Pogledajte sve stavke s popisa SharePoint.
  • Potražite stavke na popisu SharePoint na temelju tekstualne vrijednosti određenog stupca.
  • Odaberite stavku popisa SharePoint.
  • Uredite stavku popisa SharePoint.
  • Stvorite novu stavku popisa SharePoint.
  • Izbrišite stavku popisa SharePoint.

Scenarij je osnovna ilustracija mogućnosti radnog područja kada je integriran sa SharePoint. Da biste poboljšali izgled poboljšanim dizajnom ili dodatnim zaslonima, idite na sljedeće članke:

Važno

Primjer u ovom scenariju stvara uzorak aplikacije za prikaz, uređivanje, dodavanje i brisanje stavki popisa SharePoint. Možete promijeniti pristup radi drugačijeg prilagođavanja aplikacije ovisno o vašim izborima ili poslovnom cilju. Kada prilagođavate svoju aplikaciju prilagođenim imenima za kontrole, obavezno upotrebljavajte ispravne nazive kontrola u formulama kada slijedite korake iz ovog primjera.

Primjer

Ovaj primjer scenarija vodi vas kroz korake za stvaranje aplikacije i povezivanje s popisom SharePoint za prikaz, uređivanje, dodavanje i brisanje stavki popisa SharePoint.

Korak 1 – Stvaranje popisa SharePoint

Stvaranje popisa SharePoint sa stupcima i stavkama popisa. U ovom smo scenariju koristili popis sa sljedećim stupcima i stavkama popisa:

Struktura popisa SharePoint.

Napomena

Oba stupca su Jedan redak teksta.

Korak 2 – Stvaranje aplikacije iz praznog radnog područja

  1. Prijavite se u sustav Power Apps.

  2. Odaberite Aplikacija iz praznog radnog područja.

    Aplikacija od gotovih gradivnih elemenata od nule.

  3. Unesite naziv aplikacije po vlastitom izboru. Na primjer, Popis SharePoint od nule.

  4. Odaberite izgled po vlastitom izboru. Ovaj scenarij koristi izgled Tablet.

    Naziv i izgled aplikacije.

  5. Kliknite Stvori. Aplikacija se otvara u Power Apps Studio za autorstvo.

    Prazna aplikacija.

Korak 3 – Povezivanje aplikacije na SharePoint

  1. U lijevom oknu odaberite Izvori podataka.

    Odabir izvora podataka.

  2. Odaberi izvor podataka SharePoint. Ime možete potražiti i u okviru za pretraživanje.

    Odaberi izvor podataka SharePoint.

  3. Odaberite Dodaj vezu.

    Dodavanje veze za SharePoint.

  4. Odaberite vrstu veze. Možete se povezati s mrežnim SharePoint ili na lokalno web-mjesto SharePoint s pristupnikom podataka kada je konfigurirano. Ovaj se scenarij povezuje s internetskom stranicom SharePoint.

    Stvorite vezu za SharePoint.

  5. Odaberite web-mjesto SharePoint s popisom koji ste ranije stvorili.

    Odaberite web-mjesto SharePoint.

  6. Odaberite popis SharePoint koje ste stvorili. Ovaj scenarij koristi popis s imenom Oblici.

    Odaberite popis SharePoint.

  7. Odaberite Poveži. Aplikaciji je dodan izvor podataka.

    Dodan je izvor podataka.

Korak 4 - Dodavanje tablice za prikaz stavki popisa SharePoint

  1. Odaberite + (umetni) u lijevom oknu.

    Odaberite Umetni.

  2. Proširite Izgled.

  3. Odaberite Tablicu podataka.

    Odabir tablice podataka.

  4. Odaberite izvor podataka kao svoju vezu za SharePoint.

    Odaberi izvor tablice podataka.

  5. Pomaknite tablicu podataka u donji desni dio zaslona kako biste napravili prostor za dodatne komponente.

    Pomakni podatkovnu tablicu.

Korak 5 - Dodavanje mogućnosti pretraživanja i odabira stavke

  1. Umetnite kontrolu Unos teksta na radno područje i premjestite je ispod padajućeg popisa.

    Umetanje kontrole unosa teksta.

  2. Ažurirajte okvir za pretraživanje svojstva Zadano na vrijednost Traži po obliku.

    Zadana svojstva za unos teksta.

  3. Umetnite kontrolu Okvir s popisom na radno područje i premjestite je ispod kontrole za unos teksta dodanu u prethodnom koraku.

    Umetni kontrolu okvira s popisom.

  4. S desne strane zaslona Studio postavite svojstvo Stavke okvira s popisom na Oblici popisa SharePoint za ovaj primjer.

    Stavke okvira s popisom.

  5. Postavite svojstvo Vrijednost za kontrolu okvira popisa na Oblik umjesto Boja za ovaj primjer.

    Vrijednost okvira s popisom.

  6. Ažurirajte svojstvo Stavke okvira s popisom koji je dodan u prethodnom koraku sljedećoj formuli:

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

    Svojstvo stavki okvira za pretraživanje.

    Formula sadrži sljedeće funkcije:

    • Filtar() – Koristi se u ovoj formuli za filtriranje stavki u okviru s popisom na temelju definiranih parametara. [@Shapes] u ovoj funkciji definira koji izvor podataka filtrirati.
    • Počinje s() – Koristi se u ovoj formuli za filtriranje stavki popisa SharePoint na temelju stupca Oblik koji započinje znakovima upisanim u ranije dodanu kontrolu TextInput1.

Korak 6 – Dodavanje mogućnosti uređivanja stavke

  1. Umetnite kontrolu Uredi obrazac.

    Dodaj uređivanje obrasca.

  2. S desne strane zaslona Studio postavite svojstvo Izvor podataka za kontrolu obrasca za uređivanje na Oblici.

    Uredi obrazac izvora podataka.

  3. Odaberite Uredi polja za kontrolu uređivanja obrasca za uređivanje i uklonite sva ostala polja kao što je Prilozi, ako su prisutna.

    Ukloni polje za privitke.

  4. Provjerite jesu li prisutna polja Oblik i Boja. Ako nisu, dodajte ih pomoću Dodaj polje.

    Dodaj oblik i boju polja.

  5. Preuredite izgled zaslona kako biste osigurali vidljivost kontrole Uredi obrazac i da se ne preklapa s ostalim kontrolama.

    Preuređeni zaslon.

  6. Postavite svojstvo OnSelect kontrole okvira s popisom na sljedeću funkciju:

    Set(TextSelected,1)
    

    OnSelect za okvir s popisom.

    Funkcija Postavi() postavlja novu varijablu s imenom Odabran tekst na vrijednost 1 kada je odabrana vrijednost u okviru s popisom. Varijabla Odabran tekst u ovom scenariju koristi se kao zastavica za kontrolu radnji i ponašanja dodavanja, uređivanja i brisanja mogućnosti kao što ćete vidjeti u sljedećim odjeljcima.

  7. Postavite svojstvo Stavke kontrole okvira s popisom na sljedeću funkciju:

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

    Svojstvo stavke za obrazac za uređivanje.

    Funkcija Ako() prvo provjerava je li vrijednost varijable Odabran tekst 1 ili ne. Ako jest, obrazac za uređivanje prikazuje odabranu stavku s okvira s popisom. Ako nije, obrazac za uređivanje prikazuje odabranu stavku iz tablice podataka.

  8. Umetnite gumb.

    Umetni gumb.

  9. S desne strane zaslona Studio postavite svojstvo gumba Tekst koje je dodano u prethodnom koraku u Spremi.

    Gumb Spremi.

  10. Postavi svojstvo OnSelect gumba Spremi na sljedeću formulu:

    SubmitForm(Form1);
    Set(TextSelected,0)
    

    Svojstvo OnSelect za gumb Spremi.

    Formula sadrži sljedeće funkcije:

    • Pošalji obrazac () – Koristi se u ovoj formuli za slanje obrasca za uređivanje i spremanje vrijednosti u popis SharePoint.
    • Postavi () – Resetira varijablu Odabran tekst natrag na o tako da se iz okvira s popisom može odabrati nova stavka.
  11. Umetnite kontrolu Tekstni natpis.

    Tekstna oznaka.

  12. Ažurirajte svojstvo Tekst za kontrolu Tekstna oznaka dodanu u prethodnom koraku u Da biste uredili vrijednosti za stavku, odaberite iz tablice ili pretražite.

    Ažurirana tekstna oznaka.

  13. Preuredite kontrole na zaslonu da biste rasporedili kontrole za uređivanje.

    Preuredi kontrole uređivanja.

Korak 7 – Dodavanje mogućnosti dodavanja stavke

  1. Umetnite gumb.

  2. Preuredite kontrole na zaslonu kako biste osigurali da je gumb vidljiv.

  3. Ažurirajte svojstvo gumba Tekst dodano u prethodnom koraku u Dodaj.

  4. Postavi svojstvo OnSelect gumba Dodaj na sljedeću funkciju:

    NewForm(Form1)
    

    Svojstvo OnSelect za gumb Dodaj.

    Funkcija NewForm () briše kontrolu uređivanja obrasca dodanu u obrazac pod nazivom Obrazac1 tako da možete dodati novu stavku popisa SharePoint.

Korak 8 – Dodavanje mogućnosti brisanja stavke

  1. Umetnite gumb.

  2. Pomaknite gumb dodan u prethodnom koraku ispod gumba Spremi.

  3. Ažurirajte svojstvo gumba Tekst dodano u prethodnom koraku u Briši.

  4. Postavite svojstvo OnSelect gumba Briši na sljedeću formulu:

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

    Svojstvo OnSelect za gumb Briši.

    Formula sadrži sljedeće funkcije:

    • Ukloniti() – Koristi se u ovoj formuli za brisanje odabrane stavke popisa SharePoint.
    • Funkcija Ako() – Prvo provjerite je li vrijednost varijable Odabran tekst 1 ili ne. Ako jest, gumb Briši briše odabranu stavku iz okvira s popisom. Ako nije, gumb Briši briše odabranu stavku iz kontrole tablice podataka.
    • Postavi () – Resetira varijablu Odabran tekst natrag na o tako da se iz okvira s popisom može odabrati nova stavka.

Sada kada ste konfigurirali sve komponente aplikacije, provjerite izgleda li zaslon poput sljedećeg primjera:

Aplikacija nakon dodavanja svih komponenti.

9. korak – Spremite aplikaciju

Sad kad je aplikaciji dodana mogućnost pregleda, uređivanja, dodavanja i brisanja, spremite aplikaciju.

  1. Odaberite izbornik Datoteka.

  2. Odaberite Spremi.

  3. Pri prvom spremanju, opcija Spremi vodi vas do Spremi kao. Odaberite Spremi da biste aplikaciju spremili u oblak.

    Spremite aplikaciju.

  4. Zatvorite Power Apps Studio.

10. korak – Isprobajte aplikaciju

  1. Idite na Power Apps.

  2. Odaberite Aplikacije.

  3. Odaberite stvorenu aplikaciju.

    Pokrenite aplikaciju.

  4. Isprobajte komponente aplikacije.

    Reproduciraj animaciju aplikacije.

    Savjet

    Možete brzo pregledati ponašanje komponente pomoću tipke na tipkovnici Alt i lijevog klika mišem prilikom uređivanja aplikacije unutar Power Apps Studio.

    Na primjer, umjesto da odaberete Pregledaj aplikaciju u gornjem desnom dijelu ili F5 na tipkovnici koja pokreće aplikaciju u pregledu, zadržite tipku Alt pritisnutu na tipkovnici, a zatim odaberite redak iz podatkovne tablice da biste promijenili kontrolu uređivanja obrasca u odabrani redak kao da je aplikacija pokrenuta u pregledu.

    Alt + lijevi klik na padajućem izborniku za pregled.

    Osim toga, zadržite tipku Alt pritisnutu na tipkovnici i možete nastaviti izvoditi pregled unutra Power Apps Studio. Na primjer, odabrati više komponenti za različite radnje ili provjere.

Sljedeći koraci

Ako uređujete aplikaciju, morate objaviti promjene tako da ih drugi vide.

Jednom kada je aplikacija spremna za upotrebu, podijelite aplikaciju.

Pogledajte također