Izrada aplikacije za uređivanje tablica u aplikacijama od gotovih gradivnih elemenata

Dizajniranje aplikacije za produktivnost koja ima povezane podatke i funkcije na jednom mjestu omogućuje vam da postignete više bez potrebe za prebacivanjem između zaslona. Microsoft Excel jedan je od takvih primjera koji omogućuje brzo i učinkovito uređivanje podataka u stvarnom vremenu.

Uz Power Apps možete primijeniti isti koncept kao sučelje za bilo koji izvor podataka. Također ga možete dodatno prilagoditi.

Ovaj vodič koristi sljedeće komponente za izradu uzorka aplikacije:

• Izvor podataka (Microsoft Dataverse, umjesto toga možete koristiti i Excel)
• Obrazac —Za nove stavke
• Galerija—Za prikaz postojećih stavki i
• Kontrole za unos teksta—Da biste ažurirali postojeće stavke

Preduvjeti

Da biste slijedili ovaj vodič, trebat će vam pristup okruženju Power Platform i mogućnost izrade tablica na platformi Microsoft Dataverse.

Vodič koristi sljedeću strukturu za stvaranje uzorka aplikacije:

Da biste saznali kako dodati stupce, pogledajte Rad sa stupcima tablice.

Stvoren je novi glavni obrazac za dodavanje uzorka podataka:

Da biste saznali kako stvoriti glavni obrazac s potrebnim stupcima, pogledajte Stvaranje obrasca. Obavezno upotrijebite odgovarajući redoslijed obrazaca za dodavanje zapisa s pomoću novog obrasca.

1. korak: Stvorite praznu aplikaciju

Stvorite aplikaciju od gotovih gradivnih elemenata s nazivom Aplikacija za upravljanje katalogom i rasporedom Tablet.

2. korak: Dodajte izvor podataka

Ovaj odjeljak pokazuje kako dodati a tablicu platforme Dataverse kao izvor podataka za uzorak aplikacije. Također možete koristiti datoteku programa Excel na web-mjestu SharePoint ili OneDrive kao izvor podataka; ili bilo koju drugu vrstu izvora podataka po vašem izboru.

1. U lijevom oknu odaberite Podaci > Dodaj podatke.

2. Odaberite Pogledaj sve tablice.

3. Odaberite Tablice koje se mogu uređivati ili tablicu koju ste ranije izradili.

   

Za više informacija o dodavanju veze u aplikaciju od gotovih gradivnih elemenata pogledajte Dodaj izvor podataka.

3. korak: Postavite kontrolu obrasca

Ovaj korak dodaje kontrolu obrasca za dodavanje novih stavki.

1. Odaberite + (Umetni)> Uredi obrazac.

   

2. U desnom oknu odaberite tablicu kao izvor podataka za kontrolu za uređivanje obrasca.

   

3. S pomoću opcije svojstva Uredi polja odaberite stupce za prikaz na kontroli za uređivanje obrasca. Također možete promijeniti redoslijed stupaca prema potrebi.

   

4. Odaberite Zadani način rada za obrazac, Novi.

   

5. Prilagodite svojstva Širina i Visina kako bi veličina podatkovnih kartica prikladno ispunila radna područja.

6. U lijevom oknu odaberite + (Umetni) > Gumb.

7. Ažurirajte tekst gumba na Dodaj proizvod.

8. Odaberite svojstvo OnSelect za kontrolu gumba u gornjoj lijevoj strani zaslona.

9. U traci s formulama unesite sljedeću formulu.

   SubmitForm(Form1);
   NewForm(Form1);
   

   • Funkcija SubmitForm šalje nove podatke o proizvodu u tablicu Dataverse.
   • NewForm vraća način rada obrasca natrag na novi obrazac za dodavanje novih proizvoda nakon podnošenja novih podataka o proizvodu.
   • Form1 u ovoj je formuli naziv kontrole za uređivanje obrasca koji je dodan ranije. Ažurirajte naziv obrasca u ovoj formuli ako se naziv obrasca razlikuje.

   

4. korak: Postavite galeriju kao tablicu koja se može uređivati

Ovaj korak dodaje praznu okomitu galeriju za uređivanje stavki kao tablice koja se može uređivati.

1. U lijevom oknu odaberite + (Umetni)> Raspored > Prazna okomita galerija.

2. Odaberite tablicu s platforme Dataverse kao izvor podataka.

3. Promijenite veličinu galerije da biste preuzeli preostalu polovicu cijelog radnog područja, jer će ta galerija sadržavati sve stupce koji se mogu uređivati iz izvora podataka.

4. Odaberite Uredi galeriju.

   

5. U lijevom oknu odaberite + (Umetni) > Unos > Unos teksta.

6. Uskladite galeriju sljedećim radnjama:

   

   1. Pomaknite gornji redak za kontrolu unosa teksta u gornji lijevi kut galerije. Pomicanjem gornjeg retka automatski se premještaju preostali retci za isti stupac.
   2. Promijenite veličinu visine prvog retka unutar galerije kako biste zauzeli veličinu prvog retka koji ste upravo premjestili u gornji lijevi kut.

   Na kraju biste trebali vidjeti sve retke složene na lijevoj strani galerije.

7. Ažurirajte formulu svojstva Zadano za prvi redak za unos teksta u galeriji:

   ThisItem.Product
   

   • ThisItem ova se formula odnosi na stavku unutar odabranog izvora podataka; što je u ovom primjeru tablica Dataverse.
   • „Proizvod” je naziv stupca u tablici.
   • Kada se ova formula ažurira za prvi redak u galeriji, automatski ažurira cijeli stupac s nazivima proizvoda. Ako primijetite pogrešku, provjerite jeste li povezali galeriju s tablicom Dataverse.

   

8. Ponovite prethodne korake da biste dodali kontrolu unosa teksta za svaki stupac koji želite prikazati u aplikaciji kao polje koje se može uređivati. Obavezno odaberite ispravne stupce u formuli zamjenjujući „Proizvod” odgovarajućim nazivima stupaca.

   Savjet

   Za promjenu širine upotrijebite svojstvo Širina ili povucite s pomoću gumba oko prvog retka u svakom stupcu.

9. Odaberite prvi redak iz prvog stupca unutar galerije i dodajte sljedeću formulu u svojstvo OnChange s promjenama naziva stupaca i kontrola prema potrebi:

   Patch('Editable tables',ThisItem,{Product:TextInput8.Text})
   

   • Patch funkcija u ovoj formuli ažurira tablicu odabranu kao izvor podataka s vrijednostima kada se promijene.
   • „Tablice koje se mogu uređivati” primjer su naziva izvora podataka.
   • ThisItem odnosi se na stavku unutar odabranog izvora podataka za ovaj stupac.
   • „Proizvod” je naziv stupca unutar odabranog izvora podataka.
   • „TextInput8” naziv je kontrole za unos teksta koja je dodana u galeriju u prilogu stupca „Proizvod” za odabrani izvor podataka.
   • „Tekst” za „TextInput8” je tekst koji se unosi u odabranu ćeliju unutar tablice koja se može uređivati na radnom području.

   

10. Ponovite prethodni korak za svaku kontrolu unosa teksta dodanu za ostale stupce iz povezanog izvora podataka. Osigurajte da se formula ažurira kako bi se koristili ispravni nazivi stupaca i kontrola.

5. korak: Postavite mogućnosti uređivanja i otkazivanja

Ovaj korak dodaje mogućnosti uređivanja i otkazivanja tijeka uređivanja. Galerija čije se kontrole unosa teksta mogu uređivati prema zadanim postavkama može biti podložna slučajnom ažuriranju. Budući da imaju izričitu mogućnost uređivanja i mogućnost prekida uređivanja, osigurava da se uređivanja uvijek mogu očekivati.

1. Odaberite Umetni u gornjem izborniku > Ikone i dodajte dvije ikone – Uredi i Otkaži (značka).

   

2. Odaberite Prikaz stabla u lijevom oknu, a zatim odaberite Aplikacija.

3. Odaberite svojstvo aplikacije OnStart i dodajte sljedeću formulu s izmjenama naziva galerije prema potrebi:

   Gallery2.DisplayMode = "galleryDisplayMode";
   Set(galleryDisplayMode, DisplayMode.Disabled);
   

   • Gallery2 u ovoj formuli naziv je galerije.
   • DisplayMode je svojstvo načina prikaza za odabranu galeriju.
   • „galleryDisplayMode” nova je varijabla koju ova formula stvara za pohranu vrijednosti načina prikaza galerije.
   • Funkcija Postavi postavlja varijablu „galleryDisplayMode” definiranu u prethodnom retku s vrijednosti „Disabled” koristeći „DisplayMode.Disabled”. Kad je način prikaza onemogućen, galeriju prema zadanim postavkama nije moguće uređivati kad se aplikacija pokrene (aplikacija OnStart).

4. Odaberite praznu okomitu galeriju, a zatim odaberite svojstvo DisplayMode.

5. Ažurirajte vrijednost svojstva s Edit na galleryDisplayMode. Ova promjena osigurava da se način galerije uvijek definira s pomoću vrijednosti varijable galleryDisplayMode stvorene u prethodnom koraku.

6. Ažurirajte svojstva i formule za ikone na sljedeći način:

   Icon	Svojstvo	Formula
   Uređivanje	OnSelect	Set(galleryDisplayMode, DisplayMode.Edit)
   Uređivanje	Vidljivo	galleryDisplayMode = DisplayMode.Disabled
   Otkaži	OnSelect	Set(galleryDisplayMode, DisplayMode.Disabled)
   Otkaži	Vidljivo	galleryDisplayMode = DisplayMode.Edit

   • Funkcija Postavi postavlja način prikaza galerije ovisno o tome koja je ikona odabrana.
   • Varijabla galleryDisplayMode kontrolira vidljivost ikona za uređivanje ili otkazivanje. Kad je galeriju moguće uređivati, prikazuje se samo gumb za otkazivanje. Kad je galerija onemogućena, prikazuje se samo gumb za uređivanje.

7. Preklapajte ikone za uređivanje i otkazivanje, jer upravljamo vidljivošću obiju ikona, ovisno o stanju galerije.

   

   Savjet

   Možete koristiti gumb Pretpregled na gornjoj desnoj strani zaslona za pretpregled aplikacije ili upotrijebite tipku F5 na tipkovnici. Alternativno možete testirati i tako da pritisnete tipku Alt na tipkovnici i odaberete gumb držeći pritisnutu tipku. Taj način također simulira funkciju pretpregleda aplikacije za određeni odabir dok držite tipku pritisnutu.

6. korak: Dodajte mogućnost pretraživanja

Kako količina podataka u povezanom izvoru podataka raste, postaje teško pronaći određeni redak. Ovaj korak dodaje aplikaciji mogućnost pretraživanja za filtriranje galerije s pretraživanim ključnim riječima, olakšavajući pronalazak relevantnih podataka.

1. Dodajte kontrolu za unos teksta u sredinu radnog područja, iznad galerije.

2. Ažurirajte svojstvo Stavke za galeriju sa sljedećom formulom umjesto naziva tablice, pri čemu ćete tablice i nazive kontrola zamijeniti prema potrebi.

   If(IsBlank(TextInput15.Text),'Editable tables',Filter('Editable tables',(TextInput15.Text in Product) || TextInput15.Text in Segment))
   

   • Funkcija Ako provjerava jesu li pojmovi za pretraživanje navedeni ili prazni. Galerija se popunjava ovisno o navedenim stavkama.
   • Funkcija IsBlank provjerava je li tekst za pretraživanje naveden ili ne.
   • „Tablice koje se mogu uređivati” naziv je povezanog uzorka izvora podataka u ovom primjeru. Ova je vrijednost postavljena kao zadana ako nije naveden pojam za pretraživanje.
   • Funkcija Filtar filtrira stavke u galeriji ovisno o kriterijima teksta postavljenim unutar ove funkcije. Ova se funkcija koristi za filtriranje galerije ovisno o pretraživanom pojmu.
   • „TextInput15” naziv je kontrole za unos teksta koja se koristi kao okvir za pretraživanje za filtriranje galerije.
   • „Proizvod” i „Segment” nazivi su stupaca koji se pretražuju s pomoću teksta definiranog u kontroli „TextInput15” koristeći sintaksu .Text.
   • „In” provjerava vrijednost kontrole unosa teksta u navedeni stupac u povezanom izvoru podataka.
   • || je uvjet ILI, što znači da bi se trebalo provesti pretraživanje za stupce Proizvod ili Segment. Isto tako, možete ažurirati formulu tako da odgovara vašim specifičnim poslovnim potrebama.

   

   Savjet

   Možete zadržati starije funkcije ili dodati komentare koristeći "//" unutar trake s formulama. Taj način može biti korisniji za složenije formule ili za zadržavanje starijih funkcija u slučaju da se naknadno želite vratiti.

7. korak: razne promjene, kao što su brendiranje, podaci o profilu i resetiranje

Uzorak aplikacije kompletan je s očekivanom funkcijom u ovom vodiču. Međutim, mogu se dodati dodatna razmatranja—kao što su—mogućnost resetiranja kontrole unosa teksta filtra, brendiranje, kao što su naslov galerije i aplikacije, i podaci o korisničkom profilu. Možete i više, započnite s opcijom Dodavanje i konfiguriranje kontrola u aplikacijama od gotovih gradivnih elemenata.

Sljedeća tablica sažima sve podatke o brendiranju, profilu i resetiranju dodane u uzorak aplikacije. Upotrijebite način prethodno opisan u ovom članku za rad s različitim kontrolama i svojstvima. Obavezno zamijenite nazive tablice, poveznika i kontrola prema potrebi.

Mogućnost	Control	Svojstva	Dodatne informacije
Natpis/oznaka aplikacije na vrhu zaslona	Tekstna oznaka	Tekst – Administratorsko upravljanje katalogom Veličina fonta – 28 Boja ispune – plava Poravnanje teksta – poravnanje po sredini	Promijenite sve vrijednosti prema potrebi.
Dodajte zaslonsko ime korisnika u gornju desnu stranu zaslona	Tekstna oznaka	SMS - Office365Users.MyProfileV2().displayName	Prvo se povežite sa sustavom Microsoft 365 dodavanjem veze za korisnike sustava Office 365 Users.
Dodajte profilnu fotografiju korisnika s lijeve strane zaslonskog imena korisnika u gornju desnu stranu zaslona	Image	Image - Office365Users.UserPhotoV2(Office365Users.MyProfileV2().userPrincipalName)	Prvo se povežite sa sustavom Microsoft 365 dodavanjem veze za korisnike sustava Office 365 Users.
Resetirajte okvir teksta za pretraživanje u gornjem lijevom kutu zaslona	Ikona vrste Ponovno učitavanje	OnSelect - Reset(TextInput15), gdje je TextInput15 kontrola unosa teksta koja se koristi kao okvir za pretraživanje.	Kad se odabere, resetirat će okvir teksta za pretraživanje, što rezultira prikazom svih podataka u galeriji prema zadanim postavkama.
Ažuriranje teksta gumba Dodaj proizvod	Dodavanje gumba za proizvod	Tekst – „Dodaj novi proizvod”	Promijenite prema potrebi.
Dodajte oznaku iznad galerije, s lijeve strane okvira za unos pretraživanja, kako biste označili trenutačne proizvode	Tekstna oznaka	Tekst – „Trenutačni proizvodi” Veličina fonta – 16 Debljina fonta – Podebljano	Promijenite prema potrebi.
Dodavanje teksta podsjetnika za okvir za unos teksta za pretraživanje	Text input	Tekst podsjetnika – „Pretraži proizvode ili segmente”	Promijenite prema potrebi i osigurajte da se popis polja (kao što su Proizvodi, segmenti) uskladi s nazivima stupaca u izvoru podataka.

Na primjer, dovršeni zaslon s prethodno konfiguriranim kontrolama i svojstvima izgleda ovako:

8. korak: Spremite, objavite i podijelite aplikaciju

Nakon što dovršite uzorak aplikacije, spremite, objavite i podijelite aplikaciju unutar vaše tvrtke ili ustanove ili s gostima.

Pogledajte također

• Referenca kontrole
• Rad s formulama

Napomena

Možete li nam reći više o željenim jezicima za dokumentaciju? Ispunite kratki upitnik. (imajte na umu da je upitnik na engleskom jeziku)

Ispunjavanje upitnika će trajati otprilike sedam minuta. Osobni podaci se ne prikupljaju (izjava o zaštiti privatnosti).