Deli putem

Kreiranje SharePoint integrisane aplikacije sa podlogom od početka za pregled, uređivanje, dodavanje i brisanje stavki liste kreirane u usluzi Microsoft Lists

  • Članak

U ovom članku scenarija, saznaćete kako da ispočetka napravite aplikaciju pomoću funkcionalnosti SharePoint obrasca. Aplikacija će pokazati kako da pregledate, izmenite, dodate i izbrišete stavke liste pomoću aplikacije sa podlogom bez odlaska na SharePoint lokaciju.

Napomena

Za više detalja o različitim scenarijima rada sa SharePoint obrascima i dodatnim primerima, idite na pregled SharePoint scenarija.

Preduslovi

  • Morate imati pristup SharePoint lokaciji za kreiranje liste i stavki na listi.
  • Morate biti upućeni u kreiranje i podešavanje listi.

Detalji scenarija

Svrha ovog scenarija je da demonstrira kako da kreirate aplikaciju sa podlogom od početka za rad sa listom. Na kraju ovog primera demonstracije, moći ćete da obavljate sledeće zadatke iz aplikacije sa podlogom bez potrebe za pristupom listi ili njenoj stavci:

  • Prikaz svih stavki iz liste.
  • Pretraga stavki u listi zasnovana na vrednosti teksta određene kolone.
  • Izbor stavke liste.
  • Uređivanje stavke liste.
  • Kreiranje nove stavke liste.
  • Brisanje stavke liste.

Scenario je osnovna ilustracija mogućnosti aplikacije sa podlogom kada je integrisana sa sistemom SharePoint. Da biste poboljšali raspored poboljšanim dizajnom ili dodatnim ekranima, idite na sledeće članke:

Važno

Primer u ovom scenariju kreira probnu aplikaciju za pregled, uređivanje, dodavanje i brisanje stavke liste. Možete da promenite pristup za prilagođavanje aplikacije različito na osnovu svojih izbora ili poslovnog cilja. Kada prilagođavate aplikaciju prilagođenim imenima za kontrole, obavezno koristite tačne nazive kontrola u formuli kada sledite korake u ovom primeru.

Primer

Ovaj primer scenarija vodi vas kroz korake za kreiranje aplikacije i povezivanje sa listom za pregled, uređivanje, dodavanje i brisanje stavke liste.

1. korak – Kreirajte listu pomoću usluge Microsoft Lists

Kreirajte listu sa kolonama i stavkama liste. U ovom scenariju, koristili smo listu sa sledećim kolonama i stavkama liste:

Struktura liste.

Napomena

Obe kolone su Jedan red teksta.

2. korak – Kreiranje prazne aplikacije sa podlogom

Kreirajte praznu aplikaciju sa podlogom.

3. korak – Povezivanje aplikacije sa sistemom SharePoint

  1. U levom oknu izaberite Izvori podataka.

    Izaberite izvore podataka.

  2. Izaberite SharePoint izvor podataka. Naziv možete da potražite i u okviru za pretragu.

    Izaberite SharePoint izvor podataka.

  3. Izaberite Dodavanje veze.

    Dodavanje SharePoint veze.

  4. Izaberite tip veze. Možete se povezati sa uslugom SharePoint Online ili sa lokalnom SharePoint lokacijom sa mrežnim prolazom za podatke kada je konfigurisana. Ovaj scenario se povezuje sa SharePoint Online lokacijom.

    Kreiranje SharePoint veze.

  5. Izaberite SharePoint lokaciju koja ima listu koju ste ranije kreirali.

    Izaberite SharePoint lokaciju.

  6. Izaberite listu koju ste kreirali. Ovaj scenario koristi listu pod nazivom Oblici.

    Izaberite listu.

  7. Izaberite Poveži se. Izvor podataka se dodaje u aplikaciju.

    Izvor podataka je dodat.

4. korak – Dodavanje tabele podataka za prikaz stavki liste

  1. Izaberite + (Umetni) iz levog okna.

    Izaberite Umetni.

  2. Proširite Raspored.

  3. Izaberite Tabela podataka.

    Izaberite tabelu podataka.

  4. Izaberite izvor podataka kao svoju SharePoint vezu.

    Izaberite izvor tabele podataka.

  5. Premestite tabelu podataka u donji desni deo ekrana da biste napravili prostor za dodatne komponente.

    Premestite tabelu podataka.

5. korak – Dodavanje mogućnosti pretraživanja i odabira stavke

  1. Umetnite kontrolu Unos teksta na podlogu i pomerite je ispod padajuće liste.

    Umetnite kontrolu unosa teksta.

  2. Ažurirajte svojstvo okvira za pretragu Default na vrednost Pretraživanje po obliku.

    Podrazumevano svojstvo za unos teksta.

  3. Umetnite kontrolu Okvir liste na podlogu i premestite je ispod kontrole za unos teksta dodate u prethodnom koraku.

    Umetnite kontrolu okvira sa listom.

  4. Na desnoj strani ekrana programa Studio postavite svojstvo Items kontrole okvira liste na listu Oblici za ovaj primer.

    Stavke okvira liste.

  5. Podesite svojstvo Value za kontrolu okvira liste na Oblik umesto Boja za ovaj primer.

    Vrednost okvira liste.

  6. Ažurirajte svojstvo Items okvira liste dodatog u prethodnom koraku prema sledećoj formuli:

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

    Svojstvo stavki u polju za pretragu.

    Formula sadrži sledeće funkcije:

    • Filter() – Koristi se u ovoj formuli za filtriranje stavki u okviru sa listom na osnovu definisanih parametara. [@Shapes] u ovoj funkciji definiše koji izvor podataka treba filtrirati.
    • StartsWith() – Koristi se u ovoj formuli za filtriranje stavki liste na osnovu kolone Oblik koja započinje znakovima upisanim u ranije dodatoj kontroli TextInput1.

6. korak – Dodavanje mogućnosti uređivanja stavke

  1. Umetnite kontrolu Obrazac za izmenu.

    Dodavanje obrasca za uređivanje.

  2. Na desnoj strani ekrana studija, podesite svojstvo Izvor podataka za kontrolu obrasca za uređivanje na Oblici.

    Izvor podataka u obrascu za uređivanje.

  3. Izaberite Uredi polja za kontrolu obrasca za uređivanje i uklonite sva druga polja kao što su Prilozi, ako su prisutna.

    Uklonite polje za priloge.

  4. Obezbedite da budu prisutna polja Oblik i Boja. Ako nisu, dodajte ih pomoću Dodaj polje.

    Dodajte polja oblika i boje.

  5. Preuredite raspored ekrana da biste obezbedili da je kontrola Obrazac za izmenu vidljiva i ne preklapa se sa ostalim kontrolama.

    Preuređeni ekran.

  6. Podesite svojstvo OnSelect kontrole okvira liste na sledeću funkciju:

    Set(TextSelected,1)

    OnSelect za okvir sa listom.

    Funkcija Set() postavlja novu promenljivu pod nazivom TextSelected na vrednost 1 kada je izabrana vrednost u okviru sa listom. Promenljiva TextSelected se koristi u ovom scenariju kao zastavica za kontrolu radnji i ponašanja dodavanja, uređivanja i brisanja mogućnosti, kao što ćete videti u sledećim odeljcima.

  7. Podesite svojstvo Item kontrole obrasca za uređivanje na sledeću formulu:

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

    Svojstvo „Item“ za obrazac za uređivanje.

    Funkcija If() prvo proverava da li vrednost promenljive TextSelected jeste 1 ili nije. Ako jeste, obrazac za uređivanje prikazuje izabranu stavku iz okvira sa listom. Ako nije, obrazac za uređivanje prikazuje izabranu stavku iz tabele podataka.

  8. Umetnite dugme.

    Dugme Umetni.

  9. Na desnoj strani ekrana studija postavite svojstvo Text dugmeta dodatog u prethodnom koraku na Sačuvaj.

    Dugme „Sačuvaj“.

  10. Podesite svojstvo OnSelect dugmeta Sačuvaj na sledeću formulu:

    SubmitForm(Form1);
Set(TextSelected,0)

    Svojstvo OnSelect za dugme Sačuvaj.

    Formula sadrži sledeće funkcije:

    • SubmitForm() – Koristi se u ovoj formuli za prosleđivanje obrasca za uređivanje i čuvanje vrednosti u listi.
    • Set() – Vraća vrednost promenljive TextSelected na 0, tako da se iz okvira sa listom može izabrati nova stavka.

  11. Umetnite kontrolu Tekstualna oznaka.

    Tekstualna oznaka.

  12. Ažurirajte svojstvo Text za kontrolu Tekstualna oznaka dodatu u prethodnom koraku na Da biste uredili vrednosti za stavku, izaberite iz tabele ili pretražite.

    Tekstualna oznaka je ažurirana.

  13. Preuredite kontrole na ekranu da biste naložili uređivanje kontrola.

    Preuredite kontrole za uređivanje.

7. korak – Dodavanje mogućnosti dodavanja stavke

  1. Umetnite dugme.

  2. Preuredite kontrole na ekranu da biste osigurali da je dugme vidljivo.

  3. Ažurirajte svojstvo Text dugmeta dodatog u prethodnom koraku u Dodaj.

  4. Podesite svojstvo OnSelect dugmeta Dodaj na sledeću funkciju:

    NewForm(Form1)

    Svojstvo OnSelect za dugme Dodaj.

    Funkcija NewForm() briše kontrolu obrasca za uređivanje koja je dodata u obrazac pod nazivom Form1, tako da možete dodati novu stavku liste.

8. korak – Dodavanje mogućnosti brisanja stavke

  1. Umetnite dugme.

  2. Pomerite dugme dodato u prethodnom koraku ispod dugmeta Sačuvaj.

  3. Ažurirajte svojstvo Text dugmeta dodatog u prethodnom koraku u Izbriši.

  4. Podesite svojstvo OnSelect dugmeta Izbriši na sledeću formulu:

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

    Svojstvo OnSelect za dugme Izbriši.

    Formula sadrži sledeće funkcije:

    • Remove() – Koristi se u ovoj formuli za brisanje izabrane stavke liste.
    • If() – Prvo proverava da li vrednost promenljive TextSelected jeste 1 ili nije. Ako jeste, dugme Izbriši briše izabranu stavku iz okvira sa listom. Ako nije, dugme Izbriši briše izabranu stavku iz kontrole tabele podataka.
    • Set() – Vraća vrednost promenljive TextSelected na 0, tako da se iz okvira sa listom može izabrati nova stavka.

Sada kada ste konfigurisali sve komponente aplikacije, uverite se da ekran izgleda kao sledeći primer:

Aplikacija nakon dodavanja svih komponenti.

9. korak – Čuvanje aplikacije

Sada kada je aplikacija dodala mogućnost pregleda, uređivanja, dodavanja i brisanja, sačuvajte aplikaciju.

  1. Izaberite meni Datoteka.

  2. Izaberite stavku Sačuvaj.

  3. Pri prvom čuvanju, opcija Sačuvaj vas vodi u dijalog Sačuvaj kao. Izaberite Sačuvaj da biste sačuvali aplikaciju u oblaku.

    Sačuvajte aplikaciju.

  4. Zatvorite Power Apps Studio.

10. korak – Testiranje aplikacije

  1. Idite u Power Apps.

  2. Izaberite Aplikacije.

  3. Izaberite kreiranu aplikaciju.

    Pokretanje aplikacije.

  4. Testirajte komponente aplikacije.

    Reprodukujte animaciju aplikacije.

    Savet

    Možete brzo da pregledate ponašanje komponente pomoću tastera Alt na tastaturi i levog klika mišem prilikom uređivanja aplikacije iz usluge Power Apps Studio.

    Na primer, umesto da izaberete Pregled aplikacije sa gornje desne strane ili F5 sa tastature koja pokreće aplikaciju u režimu pregleda, zadržite pritisnut taster Alt na tastaturi, a zatim izaberite red iz tabele podataka da biste promenili kontrolu uređivanja obrasca u izabrani red, kao da je aplikacija pokrenuta u pregledu.

    Alt+levi klik na padajući meni radi pregleda.

    Pored toga, zadržite pritisnut taster Alt na tastaturi i možete da nastavite da pokrećete pregled unutar usluge Power Apps Studio. Na primer, odabir više komponenti za različite radnje ili provere.

Sledeći koraci

Ako uređujete aplikaciju, morate objaviti promene da bi ih drugi videli.

Kada je aplikacija spremna za upotrebu, podelite aplikaciju.

Takođe pogledajte

Napomena

Možete li nam reći o svojim željenim postavkama jezika u dokumentaciji? Ispunite kratku anketu. (imajte na umu da je ova anketa na engleskom jeziku)

Anketa će trajati oko sedam minuta. Ne prikupljaju se lični podaci (izjava o privatnosti).