Ustvarjanje obrazca za povzetek v aplikaciji s platnom

Upoštevajte podrobna navodila za ustvarjanje obrazca za povzetek v aplikaciji s platnom, ki vam omogoča upravljanje izmišljenih podatkov v zbirki podatkov Northwind Traders. Ta tema je del serije, v katerem je pojasnjeno, kako lahko ustvarite poslovno aplikacijo z relacijskimi podatki v storitvi Microsoft Dataverse. Za najboljše rezultate preučite te teme v tem zaporedju:

1. Ustvarite galerijo naročil.
2. Ustvarite obrazec za povzetek (ta tema).
3. Ustvarite galerijo podrobnosti.

Zahteve

1. Namestite zbirko podatkov in aplikacije Northwind Traders.
2. Oglejte si pregled aplikacije s platnom za organizacijo Northwind Traders.
3. Sami ustvarite galerijo naročil ali pa odprite aplikacijo Northwind Orders (Canvas) - Begin Part 2, ki že vsebuje galerijo.

Dodajanje naslovne vrstice

Na vrhu aplikacije ustvarite naslovno vrstico, ki bo vsebovala gumbe za dejanja še pred koncem te teme.

1. V podoknu Drevesni pogled izberite Screen1, da zagotovite, da v galerijo naročil pomotoma ne dodate kontrolnika:

   

2. Na zavihku Vstavljanje izberite Label, da dodate kontrolnika Label:

   

   Nova oznaka naj bi se pojavila le enkrat, nad galerijo. Če se pojavi pri vsakem elementu galerije, izbrišite prvi primerek oznake, se prepričajte, da je izbran zaslon (kot je opisano pri prejšnjem koraku), nato pa znova vstavite oznako.

3. Premaknite novo oznako in spremenite njeno velikost, da bo zajemala celoten zgornji del zaslona:

   

4. Dvokliknite besedilo oznake in nato vnesite Naročila Northwind.

   V vnosni vrstici lahko spremenite tudi lastnost Text in tako dosežete enak rezultat:

   

5. Na zavihku Osnovno oblikujte oznako:

   • Povečajte velikost pisave na 24 točk.
   • Za besedilo uporabite krepko besedilo.
   • Besedilo obarvajte belo.
   • Izberite sredinsko poravnavo besedila.
   • Za ozadje dodajte temno modro polnilo.

   

Dodajanje kontrolnika Edit form

V tem razdelku boste dodali kontrolnike, s katerimi boste prikazali povzetek katerega koli naročila, ki ga uporabnik izbere v galeriji.

1. Na zavihku Vstavljanje vstavite kontrolnik Edit form:

   

   Obrazec se privzeto prikaže v zgornjem levem kotu, kjer bo morda težko najti druge kontrolnike:

   

2. Premaknite obrazec in spremenite njegovo velikost tako, da bo zajemal zgornji desni kot zaslona pod naslovno vrstico:

   

3. V podoknu Lastnosti izberite spustni seznam Data source.

   

4. Izberite vir podatkov Naročila.

Dodajanje in urejanje polj

1. Na zavihku Lastnosti blizu desnega roba izberite Uredi polja, da odprete podokno Polja.

   

2. Če podokno Polja ni prazno, odstranite že vstavljena polja.

   

3. Ko je seznam polj prazen, izberite Dodaj polje ter nato potrdite potrditvena polja za polji Stranka in Zaposleni.

   

4. Pomaknite se navzdol, dokler se prikažejo ta polja, nato pa izberite ustrezna potrditvena polja:

   • Opombe
   • Datum naročila
   • Številka naročila
   • Stanje naročila
   • Datum plačila

   

   

5. Na dnu podokna Polja izberite Dodaj, nato pa zaprite podokno Polja.

   Obrazec prikazuje sedem polj, ki so lahko tudi v drugem vrstnem redu:

   

   Opomba

   Če katero koli polje prikazuje rdečo ikono napake, bi lahko prišlo do težave, ko so podatki vzeti iz vira. Če želite odpraviti napako, osvežite podatke:

   1. Na zavihku Pogled izberite Viri podatkov.
   2. V podoknu Podatki izberite Viri podatkov.
   3. Poleg možnosti Naročila izberite tri pike (...) in zatem Osveži, nato pa zaprite podokno Podatki.

   Če je v kombiniranem polju za ime stranke ali zaposlenega še vedno prikazana napaka, potrdite primarno besedilo in iskalno polje za posamezno polje tako, da ga izberete in nato odprete podokno Podatki. V polju »Stranka« morata biti obe polji nastavljeni na nwind_company. V polju »Zaposleni« morata biti obe polji nastavljeni na nwind_lastname.

6. Z izbranim obrazcem na zavihku Lastnosti blizu desnega roba spremenite število stolpcev v obrazcu iz 3 na 12.

   Ta korak vam omogoča prilagodljivost med urejanjem polj:

   

   Številne zasnove uporabniškega vmesnika se opirajo na postavitev z 12 stolpci, ker omogočajo prikaz enakomernih vrstic za 1, 2, 3, 4, 6 in 12 kontrolnikov. V okviru te teme boste ustvarili vrstice, ki vsebujejo 1, 2 ali 4 kontrolnike.

7. Polja lahko premaknete ali spremenite njihovo velikost tako, da povlečete njihove ročice, enako kot bi storili za kateri koli drug kontrolnik – tako da vsaka vrstica vsebuje te podatkovne kartice v določenem vrstnem redu:

   • Prva vrstica: številka naročila, stanje naročila, datum naročila in datum plačila
   • Druga vrstica: stranka in zaposleni
   • Tretja vrsta: opombe

   Opomba

   Morda vam bo lažje, če pred razporeditvijo razširite podatkovno kartico Opombe, Stranka in Zaposleni.

   

   Več informacij o razporejanju polj v obrazcu: Razumevanje postavitve podatkovnega obrazca za aplikacije s platnom.

Skrivanje kontrolnikov časa

V tem primeru ne potrebujete časovnih razdelkov za podatkovna polja, saj lahko takšna raven granularnosti zmoti uporabnika. Če jih izbrišete, lahko pride do težav pri formulah, ki se na te kontrolnike opirajo za posodobitev vrednosti datuma ali določanje položaja drugega kontrolnika podatkovne kartice. Namesto tega lahko skrijete kontrolnike časa z nastavitvijo lastnosti Visible.

1. V podoknu Drevesni pogled izberite podatkovno kartico Datum naročila.

   Kartica ima lahko drugo ime, vendar vsebuje datum naročila.

2. Medtem ko držite tipko Shift, pri podatkovni kartici Datum naročila izberite kontrolnike za uro, minute in ločevalno dvopičje.

   

3. Lastnost kontrolnika Visible nastavite na false.

   Vsi izbrani kontrolniki izginejo iz obrazca:

   

4. Velikost kontrolnika Date picker spremenite tako, da se prikaže celoten datum:

   

   Nato ponovite zadnjih nekaj korakov za polje Datum plačila.

5. V podoknu Drevesni pogled izberite kontrolnike časa v podatkovni kartici Datum plačila:

   

6. Lastnost izbranega kontrolnika Visible nastavite na false:

   

7. Spremeni velikost izbirnika datuma pri kartici Datum plačila:

   

Povezovanje galerije naročil

1. V podoknu Drevesni pogled strnite obrazec, da lažje najdete ime galerije naročil in jo po potrebi preimenujete v Gallery1.

2. Nastavite lastnost obrazca za povzetek Item na ta izraz:

   Gallery1.Selected
   

   

   Obrazec prikazuje povzetek katerega koli naročila, ki ga uporabnik aplikacije izbere na seznamu.

   

Menjava podatkovne kartice

Številka naročila je identifikator, ki ga Dataverse dodeli samodejno, ko ustvarite zapis. To polje ima privzeto kontrolnika za Text input, vendar ga boste zamenjali za oznako, da uporabnik ne bo mogel urediti tega polja.

1. Izberite obrazec, v podoknu Lastnosti blizu desnega roba izberite Uredi polja, nato pa izberite polje Številka naročila:

   

2. Odprite seznam Vrsta kontrolnika:

   

3. Izberite podatkovno kartico Prikaži besedilo:

   

4. Zaprite podokno Polja.

   Uporabnik ne more več spremeniti številke naročila:

   

5. Na zavihku Osnovno spremenite velikost pisave za številko naročila na 20 točk, da bo polje tako lažje najti:

   

Uporaba odnosa »mnogo-proti-ena«

Tabela Naročila ima s tabelo Zaposleni odnos »eden proti mnogo«: vsak zaposleni lahko ustvari veliko naročil, vendar lahko vsako naročilo dodeli samo enemu zaposlenemu. Ko uporabnik izbere zaposlenega v kontrolniku Kombinirano polje, njegova izbrana lastnost zagotavlja celoten zapis zaposlenega iz tabele Zaposleni. Zdaj lahko konfigurirate kontrolnik Image, da prikažete sliko poljubnega zaposlenega, ki ga uporabnik izbere v kombiniranem polju.

1. Izberite podatkovno kartico Zaposleni:

   

2. Na zavihku Napredno blizu desnega roba odklenite podatkovno kartico, da boste lahko uredili formule, ki so bile prej na voljo samo za branje:

   

3. Pri podatkovni kartici zmanjšajte širino kombiniranega polja, da ustvarite prostor za sliko zaposlenega:

   

4. Na zavihku Vstavljanje izberite Predstavnost > Slika:

   

   Slika se pojavi pri podatkovni kartici, ki se razširi tako, da je vidna celotna slika:

   

5. Spremenite velikost slike in jo premaknite na desno stran kombiniranega polja:

   

6. Za to formulo nastavite lastnost Image in po potrebi spremenite številko na koncu vrednosti DataCardValue:

   DataCardValue7.Selected.Picture
   

   

   Prikaže se slika izbranega zaposlenega.

7. Medtem ko držite tipko Alt, v kombiniranem polju izberite drugega zaposlenega in potrdite, da se spremeni tudi slika.

   

Dodajanje ikone za shranjevanje

1. V podoknu Drevesni pogled izberite Screen1 in nato izberite Vstavljanje > Ikone > Potrdi:

   

   Ikona za potrditev se privzeto pojavi v zgornjem levem kotu, kjer bi jo bilo zaradi drugih kontrolnikov morda težko najti:

   

2. Na zavihku Osnovno spremenite lastnost ikone Color na belo, spremenite velikost ikone in jo premaknite blizu desnega roba naslovne vrstice:

   

3. V podoknu Drevesni pogled potrdite, da je ime obrazca Form1 in nato nastavite lastnost ikone OnSelect na to formulo:

   SubmitForm( Form1 )
   

   

   Ko uporabnik izbere ikono, funkcija SubmitForm zbere vse spremenjene vrednosti v obrazcu in jih pošlje v vir podatkov. Med pošiljanjem podatkov se na zgornjem delu zaslona premikajo pike, spremembe pa so vidne v galeriji naročil, ko se postopek zaključi.

4. Lastnost ikone DisplayMode nastavite na to formulo:

   If( Form1.Unsaved, DisplayMode.Edit, DisplayMode.Disabled )
   

   

   Če so bile shranjene vse spremembe obrazca, je ikona onemogočena in se prikaže pri možnosti DisabledColor, ki jo boste nastavili v naslednjem koraku.

5. Lastnost ikone DisabledColor nastavite na to vrednost:

   Gray
   

   

   Uporabnik lahko spremembe naročila shrani tako, da izbere ikono za potrditev, ki je nato onemogočena in zamegljena, dokler uporabnik ne opravi nove spremembe:

   

Dodajanje ikone za preklic

1. Na zavihku Vstavljanje izberite Ikone > Prekliči:

   

   Ikona se privzeto pojavi v zgornjem levem kotu, kjer bi jo bilo zaradi drugih kontrolnikov morda težko najti:

   

2. Na zavihku Osnovno spremenite lastnost ikone Color na belo, spremenite velikost ikone in jo premaknite na levo stran ikone za potrditev:

   

3. Lastnost ikone za preklic OnSelect nastavite na to formulo:

   ResetForm( Form1 )
   

   

   Funkcija ResetForm zavrže vse spremembe v obrazcu, ki se nato vrne v prvotno stanje.

4. Lastnost ikone za preklic DisplayMode nastavite na to formulo:

   If( Form1.Unsaved Or Form1.Mode = FormMode.New, DisplayMode.Edit, DisplayMode.Disabled )
   

   

   Ta formula se nekoliko razlikuje od tiste za ikono za potrditev. Ikona za preklic je onemogočena, če so bile shranjene vse spremembe ali je obrazec v načinu Novo, kar boste omogočili v naslednjem koraku. V tem primeru ResetForm zavrže novi zapis.

5. Lastnost ikone za preklic DisabledColor nastavite na to vrednost:

   Gray
   

   

   Uporabnik lahko prekliče spremembe naročila, ikone za potrditev in preklic pa so onemogočene in zamegljene, če so bile vse spremembe shranjene:

   

Dodajanje ikone za dodajanje

1. Na zavihku Vstavljanje izberite Ikone > Dodaj.

   

   Ikona za dodajanje se privzeto pojavi v zgornjem levem kotu, kjer bi jo bilo zaradi drugih kontrolnikov morda težko najti:

   

2. Na zavihku Osnovno nastavite lastnost ikone za dodajanje Color na belo, spremenite velikost ikone in jo premaknite na levo stran ikone za preklic:

   

3. Lastnost ikone za dodajanje OnSelect nastavite na to formulo:

   NewForm( Form1 )
   

   

   Funkcija NewForm prikazuje prazen zapis v obrazcu.

4. Lastnost ikone za dodajanje DisplayMode nastavite na to formulo:

   If( Form1.Unsaved Or Form1.Mode = FormMode.New, DisplayMode.Disabled, DisplayMode.Edit )
   

   

   Formula onemogoči ikono za dodajanje v naslednjih primerih:

   • Uporabnik opravi spremembe, vendar jih ne shrani ali prekliče – nasprotno vedenje od ikon za potrditev in preklic.
   • Uporabnik izbere ikono za dodajanje, vendar ne opravi sprememb.

5. Lastnost ikone za dodajanje DisabledColor nastavite na to vrednost:

   Gray
   

   

   Uporabnik lahko ustvari naročilo, če ne opravi nobenih sprememb ali pa shrani oz. prekliče morebitne spremembe. (Če uporabnik izbere to ikono, je ne more znova izbrati, dokler ne opravi ene ali več sprememb, nato pa te spremembe shrani ali prekliče):

   

Opomba

Če ustvarite in shranite naročilo, se boste morda morali v galeriji naročil pomakniti navzdol, če želite prikazati novo naročilo. Naročilo ne bo imelo skupne cene, ker še niste dodali podrobnosti o naročilu.

Dodajanje ikone za smeti

1. Na zavihku Vstavljanje izberite Ikone > Smeti.

   

   Ikona za smeti se privzeto pojavi v zgornjem levem kotu, kjer bi jo bilo zaradi drugih kontrolnikov morda težko najti:

   

2. Na zavihku Osnovno spremenite lastnost ikone za smeti Color na belo, spremenite velikost ikone in jo premaknite na levo stran ikone za dodajanje:

   

3. Lastnost ikone za smeti OnSelect nastavite na to formulo:

   Remove( Orders, Gallery1.Selected )
   

   

   Funkcija Remove odstrani zapis iz vira podatkov. V tej formuli funkcija odstrani zapis, ki je izbran v galeriji naročil. Ikona za smeti se pojavi blizu obrazca za povzetek (ne pri galeriji naročil), ker obrazec prikazuje več podrobnosti o zapisu, zaradi česar lahko uporabnik lažje prepozna zapis, ki ga bo formula izbrisala.

4. Lastnost ikone za smeti DisplayMode nastavite na to formulo:

   If( Form1.Mode = FormMode.New, DisplayMode.Disabled, DisplayMode.Edit )
   

   

   Ta formula onemogoči ikono za smeti, če uporabnik ustvarja zapis. Dokler uporabnik ne shrani zapisa, ni zapisa, ki ga mora funkcija Remove izbrisati.

5. Lastnost ikone za smeti DisabledColor nastavite na to vrednost:

   Gray
   

   

   Uporabnik lahko izbriše naročilo.

   

Povzetek

Če povzamemo, dodali ste obrazec, v katerem lahko uporabnik prikaže in uredi povzetek posameznih naročil, uporabili pa ste te elemente:

• Obrazec, ki prikazuje podatke iz tabele Naročila: Form1.DataSource = Orders
• Povezava med obrazcem in galerijo naročil: Form1.Item = Gallery1.Selected
• Alternativni kontrolnik za polje Številka naročila: Prikaži besedilo
• Razmerje »mnogo-proti-ena«, ki bo omogočilo prikaz slike zaposlenega pri podatkovni kartici Zaposleni: DataCardValue1.Selected.Picture
• Ikona za shranjevanje sprememb naročila: SubmitForm( Form1 )
• Ikona za preklic sprememb naročila: ResetForm( Form1 )
• Ikona za ustvarjanje naročila: NewForm( Form1 )
• Ikona za brisanje naročila: Remove( Orders, Gallery1.Selected )

Naslednji korak

Pri naslednji temi boste dodali še eno galerijo in tako prikazali izdelke v posameznem naročilu, te podrobnosti pa boste spremenili s funkcijo Patch.

Ustvarjanje galerije podrobnosti

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