Dodajanje tabel, ki jih je mogoče urejati, v aplikacijah s platnom

Oblikovanje aplikacije za storilnost, tako da so povezani podatki in funkcije na enem mestu, vam omogoča, da dosežete več, ne da bi morali neprestano preklapljati med zasloni. Microsoft Excel je en tak primer, ki omogoča urejanje podatkov v realnem času na hiter in učinkovit način.

Z uporabo storitve Power Apps lahko uporabite isti koncept, tako da ga zagotovite kot čelni del za kateri koli vir podatkov. Lahko ga boste tudi še bolj prilagodili.

Ta vadnica uporablja naslednje komponente za izdelavo vzorčne aplikacije:

• Vir podatkov (Microsoft Dataverse, namesto tega lahko uporabite tudi Excel)
• Obrazec – za nove elemente
• Galerija – za prikaz obstoječih elementov in
• Kontrolniki za vnos besedila – za posodobitev obstoječih elementov

Zahteve

Za sledenje tej vadnici boste potrebovali dostop do okolja Power Platform in zmožnost ustvarjanja tabel v storitvi Microsoft Dataverse.

Vadnica uporablja naslednjo strukturo za ustvarjanje vzorčne aplikacije:

Če želite izvedeti, kako dodate stolpce, glejte Delo s stolpci tabele.

Ustvarjen je bil novi glavni obrazec za dodajanje vzorčnih podatkov:

Če želite izvedeti, kako ustvarite glavni obrazec z zahtevanimi stolpci, glejte Ustvari obrazec. Pazite, da uporabite pravilen vrstni red obrazcev za dodajanje zapisov z novim obrazcem.

1. korak: ustvarjanje prazne aplikacije

Ustvariti aplikacija za prazno platno z imenom "Aplikacija za upravljanje kataloga" in tablica postavitev.

2. korak: dodajanje vira podatkov

Ta razdelek prikazuje, kako dodate tabelo Dataverse kot vir podatkov za vzorčno aplikacijo. Kot vir podatkov lahko uporabite tudi datoteko Excel z mesta SharePoint ali OneDrive ali katero koli vrsto vira podatkov po vaši izbiri.

1. V levem podoknu izberite Podatki > Dodaj podatke.

2. Izberite Prikaz vseh tabel.

3. Izberite Tabele, ki jih je mogoče urejati ali tabelo, ki ste jo ustvarili prej.

   

Za več informacij o dodajanju povezave z aplikacijo s platnom glejte Dodajanje vira podatkov.

3. korak: nastavitev kontrolnika obrazca

Ta korak doda kontrolnik obrazca za dodajanje novih elementov.

1. Izberite + (Vstavi) > Uredi obrazec.

   

2. V desnem podoknu izberite tabelo kot vir podatkov za kontrolnik za urejanje obrazca.

   

3. Uporabite možnost lastnosti Urejanje polj za izbiro stolpcev za prikaz v kontrolniku za urejanje obrazca. Po potrebi lahko spremenite tudi vrstni red stolpcev.

   

4. Izberite Privzeti način za obrazec na Novo.

   

5. Prilagodite lastnosti Širina, Višina za velikost podatkovnih kartic za polnjenje delovnega območja, kot je primerno.

6. V levem podoknu izberite + (Vstavi) > Gumb.

7. Posodobite besedilo gumba poleg možnosti Dodaj izdelek.

8. Izberite lastnost OnSelect za kontrolnik gumba z zgornje leve strani zaslona.

9. V vnosno vrstico vnesite naslednjo formulo.

   SubmitForm(Form1);
   NewForm(Form1);
   

   • Funkcija SubmitForm pošlje podrobnosti novega izdelka v tabelo Dataverse.
   • NewForm spremeni način obrazca nazaj na nov obrazec za dodajanje novih izdelkov po pošiljanju podrobnosti novega izdelka.
   • Form1 v tej formuli je ime kontrolnika za urejanje obrazca, dodanega prej. Posodobite ime obrazca v tej formuli, če je ime vašega obrazca drugačno.

   

4. korak: nastavitev galerije kot tabelo, ki jo je mogoče urejati

Ta korak doda prazno navpično galerijo za urejanje elementov kot tabelo, ki jo je mogoče urejati.

1. V levem podoknu izberite + (Vstavljanje) > Postavitev > Prazna navpična galerija.

2. Izberite tabelo iz storitve Dataverse kot vir podatkov.

3. Spremenite velikost galerije, da prevzame preostalo polovico celotnega delovnega območja, ker bo ta galerija vsebovala vse stolpce, ki jih je mogoče urejati, iz vira podatkov.

4. Izberite Uredi galerijo.

   

5. V levem podoknu izberite + (Vstavi) > Vnos > Vnos besedila.

6. Poravnava galerije z naslednjimi dejanji:

   

   1. Premaknite zgornjo vrstico za kontrolnik za vnos besedila v zgornji levi kot galerije. Premik te zgornje vrstice samodejno premakne preostale vrstice za isti stolpec.
   2. Spremenite velikost višine prve vrstice v galeriji, da zasede velikost prve vrstice, ki ste jo pravkar premaknili v zgornji levi del.

   Na koncu bi morali videti vse vrstice naložene na levi strani galerije.

7. Posodobite formulo lastnosti Privzeto za prvo vrstico vnosa besedila v galeriji:

   ThisItem.Product
   

   • ThisItem v tej formuli je povezan z elementom znotraj izbranega vira podatkov; kar je v tem primeru tabela Dataverse.
   • »Izdelek« je ime stolpca znotraj tabele.
   • Ko je ta formula posodobljena za prvo vrstico v galeriji, samodejno posodobi celoten stolpec z imeni izdelkov. Če vidite napako, preverite, ali ste se povezali z galerijo v tabeli Dataverse.

   

8. Ponovite prejšnje korake, da dodate kontrolnik za vnos besedila za vsak stolpec, ki ga želite prikazati znotraj aplikacije kot polje, ki ga je mogoče urejati. Prepričajte se, da izberete pravilne stolpce v formuli, tako da zamenjate »Izdelek« z ustreznimi imeni stolpcev.

   Nasvet

   Če želite spremeniti širino, uporabite lastnost Širina ali povlecite z gumbi okoli prve vrstice vsakega stolpca.

9. Izberite prvo vrstico iz prvega stolpca znotraj galerije in dodajte naslednjo formulo v lastnost OnChange s spremembami v imenih stolpca in kontrolnika, kot je primerno:

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

   • Funkcija Popravek v tej formuli posodobi tabelo, izbrano kot vir podatkov z vrednostmi, ko je spremenjena.
   • »Tabele, ki jih je mogoče urejati« je ime vzorčnega vira podatkov.
   • ThisItem se nanaša na element znotraj izbranega vira podatkov za ta stolpec.
   • »Izdelek« je ime stolpca znotraj izbranega vira podatkov.
   • »TextInput8« je ime kontrolnika za vnos besedila, dodanega v galerijo, priloženo stolpcu »Izdelek« za izbrani vir podatkov.
   • »Besedilo« za »TextInput8« za besedilo, vneseno v izbrano celico znotraj tabele, ki jo je mogoče urejati, v delovnem območju.

   

10. Ponovite prejšnji korak za vsak kontrolnik za vnos besedila, dodan za preostanek stolpcev iz povezanega vira podatkov. Zagotovite, da je formula posodobljena za uporabo pravilnih imen stolpca in kontrolnika.

5. korak: Nastavite možnosti urejanja in preklica

Ta korak dodaja možnosti za urejanje in preklic napredka urejanja. Galerija s kontrolniki za vnos besedila, ki jih je privzeto mogoče urejati, lahko ima nenamerne spremembe. Če imate izrecno možnost urejanja in nato ustavite zmožnost urejanja, zagotovite, da so spremembe vedno pričakovane.

1. Izberite Vstavi iz zgornjega menija > Ikone in dodajte dve ikoni – Uredi in Prekliči (značka).

   

2. Izberite Drevesni pogled v levem podoknu in nato izberite Aplikacije.

3. Izberite lastnost aplikacije OnStart in dodajte naslednjo formulo s spremembami imena galerije, kot je primerno:

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

   • »Gallery2« v tej formuli je ime galerije.
   • DisplayMode je lastnost DisplayMode za izbrano galerijo.
   • »galleryDisplayMode« je nova spremenljivka, ki jo ta formula ustvari ta shranjevanje vrednosti načina prikaza galerije.
   • Funkcija Set nastavi spremenljivko »galleryDisplayMode«, definirano v prejšnji vrstici z vrednostjo »Disabled« z uporabo »DisplayMode.Disabled«. Z onemogočenim načinom prikaza galerije privzeto ni mogoče urejati, ko se aplikacija zažene (aplikacija OnStart).

4. Izberite prazno navpično galerijo in nato izberite lastnost DisplayMode.

5. Posodobite vrednost lastnosti z Edit na galleryDisplayMode. Ta sprememba zagotovi, da je način galerije vedno določen z uporabo vrednosti spremenljivke »galleryDisplayMode«, ustvarjene v prejšnjem koraku.

6. Posodobite lastnosti in formule za ikone, kot je prikazano spodaj:

   Icon	Lastnost	Formula
   Urejanje	OnSelect	Set(galleryDisplayMode, DisplayMode.Edit)
   Urejanje	Vidno	galleryDisplayMode = DisplayMode.Disabled
   Preklic	OnSelect	Set(galleryDisplayMode, DisplayMode.Disabled)
   Preklic	Vidno	galleryDisplayMode = DisplayMode.Edit

   • Funkcija Set nastavi način prikaza galerije glede na to, katera ikona je izbrana.
   • Spremenljivka »galleryDisplayMode« nadzoruje vidnost ikon za urejanje in preklic. Ko je galerijo mogoče urejati, se prikaže samo gumb za preklic. Samo gumb za urejanje pa je prikazan, ko je galerija onemogočena.

7. Prekrijte ikoni za urejanje in preklic, ker vidnost obeh ikon upravljamo glede na stanje galerije.

   

   Nasvet

   Uporabite lahko gumb Predogled zgoraj desno na zaslonu, da predogledate aplikacijo, ali uporabite tipko F5 na tipkovnici. Druga hitra alternativa za testiranje je pritisk tipke Alt na tipkovnici in izbira gumba, ko je tipka pritisnjena. Ta način tudi simulira funkcionalnost predogleda aplikacije za specifično izbiro, ko tipka ostane pritisnjena.

6. korak: dodajanje možnosti iskanja

Ko podatki v povezanem vir podatkov rastejo, je težko najti določeno vrstico. Ta korak doda zmogljivost iskanja v aplikacijo za filtriranje galerije po iskanih ključnih besedah, da je lažje najti relevantne podatke.

1. Dodajte kontrolnik za vnos besedila na sredino delovnega območja, nad galerijo.

2. Posodobite lastnost Elementi za galerijo z naslednjo formulo namesto imenom tabele; zamenjajte imena tabele in kontrolnika, kot je primerno.

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

   • Funkcija If preveri za pogoj, če so iskalni izrazi določeni ali prazni. Galerija je zapolnjena na podlagi navedenih elementov.
   • Funkcija IsBlank preveri pogoj, če je iskalno besedilo določeno ali ne.
   • »Tabele, ki jih je mogoče urejati« je ime povezanega vzorčnega vira podatkov v tem primeru. Ta vrednost je nastavljena kot privzeta, če noben iskalni izraz ni določen.
   • Funkcija Filter filtrira elemente v galeriji glede na nastavljena merila besedila v tej funkciji. Ta funkcija se uporablja za filtriranje galerije glede na iskane izraze.
   • »TextInput15« je ime kontrolnika za vnos besedila, ki se uporablja kot iskalno polje za filtriranje galerije.
   • »Izdelek« in »Segment« sta imeni stolpcev, po katerih se išče besedilo, določeno v kontrolniku »TextInput15« z uporabo skladnje .Text.
   • »V« preveri za vrednost kontrolnika za vnos besedila za določen stolpec v povezanem viru podatkov.
   • »||« je pogoj »OR«, ki označuje, da bi moralo biti iskanje izvedeno za stolpec izdelka ali segmenta. Prav tako lahko posodobite formulo, da ustreza vašim specifičnim poslovnim potrebam.

   

   Nasvet

   Lahko ohranite starejše funkcije ali dodate opombe z uporabo »//« znotraj vnosne vrstice. Ta metoda je lahko bolj koristna za kompleksnejše formule ali za ohranjanje starejše funkcionalnosti v primeru, da bi želeli pozneje izvesti povrnitev.

7. korak: razne spremembe, kot so uporaba blagovnih znamk, podatki o profilu in ponastavitev

Vzorčna aplikacija je opremljena s pričakovano funkcionalnostjo v tej vadnici. Vendar pa je mogoče dodati dodatne vidike, kot je zmožnost ponastavitve kontrolnika za vnos besedila filtra, uporabe blagovnih znamk, kot so naslov za galerijo in aplikacijo, ter podrobnosti uporabniškega profila. Storite lahko tudi več, začnite z Dodajanje in konfiguriranje kontrolnikov v aplikacijah s platnom.

Naslednja tabela povzema vse informacije o uporabi blagovnih znamk, profilu in ponastavitvi, dodane v vzorčno aplikacijo. Uporabite metodo, opisano prej v tem članku, za delo z različnimi kontrolniki in lastnostmi. Zagotovite, da zamenjate imena tabel, konektorjev in kontrolnikov, kot je primerno.

Zmogljivost	Control	Lastnosti	Dodatne informacije
Pasica/oznaka aplikacije na vrhu zaslona	Besedilna oznaka	Besedilo – »Skrbniško upravljanje katalogov« Velikost pisave – 28 Barva polnila – modra Poravnava besedila – Poravnaj na sredino	Spremenite vse vrednosti kot primerno.
Dodajanje prikaznega imena uporabnika na zaslon zgoraj desno	Besedilna oznaka	SMS-a - Office365Users.MyProfileV2().displayName	Poveži z Microsoft 365 najprej z dodajanjem povezave na Office 365 Uporabniki.
Dodajanje fotografije za uporabniški profil na levi strani prikaznega imena uporabnika na zaslonu zgoraj desno	Image	Image - Office365Users.UserPhotoV2(Office365Users.MyProfileV2().userPrincipalName)	Poveži z Microsoft 365 najprej z dodajanjem povezave na Office 365 Uporabniki.
Ponastavitev polja z besedilom za iskanje v zgornjem levem kotu zaslona	Ikona tipa »Znova naloži«	OnSelect - Reset(TextInput15) kjer je »TextInput15« kontrolnik za vnos besedila, uporabljen kot polje za iskanje.	Ko je izbran, ponastavi polje za iskanje, zaradi česar galerija privzeto prikazuje vse podatke.
Posodobitev besedila za gumb Dodaj izdelek	Gumb za dodajanje izdelka	Besedilo – »Dodaj nov izdelek«	Po potrebi spremenite.
Dodajanje oznake nad galerijo na levi strani polja za iskanje, da označite trenutne izdelke	Besedilna oznaka	Besedilo – »Trenutni izdelki« Velikost pisave – 16 Debelina pisave – krepko	Po potrebi spremenite.
Dodajanje besedila namiga za polje za vnos besedila za iskanje	Text input	Besedilo namiga – »Iskanje izdelkov ali segmentov«	Spremenite, kot je primerno, in zagotovite, da je seznam polj (kot so izdelki, segmenti) poravnan z imeni stolpcev v viru podatkov.

Izpolnjeni zaslon je na primer videti takole z zgoraj konfiguriranimi kontrolniki in lastnostmi:

8. korak: shranjevane, objavljanje in skupna raba

Zdaj ko ste končali vzorčno aplikacijo shranite, objavite in delite aplikacijo v vaši organizaciji ali z gosti.

Glejte tudi

• Referenca za kontrolnike
• Delo s formulami

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).