Stvaranje obrasca sažetka u aplikaciji od gotovih gradivnih elemenata
Slijedite podrobne upute za stvaranje obrasca sažetka u aplikaciji od gotovih gradivnih elemenata za upravljanje izmišljenim podacima u bazi podataka Northwind Traders. Ovaj tema dio je serije koja objašnjava kako izraditi poslovnu aplikaciju na relacijskim podacima u Microsoft Dataverse. Za najbolje rezultate istražite ove teme u ovom nizu:
- Stvaranje galerije narudžbi.
- Stvorite obrazac sažetka (ta tema).
- Stvaranje galerije pojedinosti.

Preduvjeti
- Instaliranje baze podataka i aplikacije Northwind Traders.
- Razmotrite pregled aplikacije od gotovih gradivnih elemenata za bazu podataka Northwind Traders.
- Samostalno stvorite galeriju narudžbi ili otvorite aplikaciju Northwind narudžbe (radno područje) – Početak 2. dio koja već sadrži tu galeriju.
Dodavanje naslovne trake
Pri vrhu aplikacije stvorite naslovnu traku koja će sadržavati gumbe za radnje koje se opisuju u nastavku ove teme.
U oknu Prikaz stabla odaberite Zaslon1 kako biste osigurali da slučajno ne dodate kontrolu u galeriju narudžbi:

Na kartici Umetni odaberite stavku Oznaka kako biste dodali kontrolu Oznaka:

Nova oznaka trebala bi se prikazati samo jednom, iznad galerije. Ako se prikazuje u svakoj stavci galerije, izbrišite prvu instancu oznake, provjerite je li odabran zaslon (kako je opisano u prethodnom koraku), a zatim ponovo umetnite oznaku.
Pomaknite novu oznaku i promijenite joj veličinu tako da se proteže pri vrhu zaslona:

Dvaput kliknite tekst nove oznake, a zatim upišite Northwind narudžbe.
Kao alternativu, izmijenite svojstvo Tekst u traci za formule kako biste postigli isti rezultat:

U kartici Početna formatirajte oznaku:
- Povećajte veličinu fonta na 24 točke.
- Podebljajte tekst.
- Neka vam tekst bude bijele boje.
- Stavite tekst u središte.
- Pozadini dodajte ispunu tamnoplave boje.

Dodavanje kontrole Obrazac za uređivanje
U ovom ćete dijelu dodati kontrole kako biste prikazali sažetak svake narudžbe koju korisnik odabere u galeriji.
Na kartici Umetni umetnite kontrolu Obrazac za uređivanje:

Obrazac se prema zadanim postavkama prikazuje u gornjem lijevom kutu, gdje bi druge kontrole mogle otežati pronalaženje:

Pomaknite obrazac i promijenite mu veličinu kako biste prekrili gornji desni kut zaslona ispod naslovne trake:

U oknu Svojstva odaberite padajući popis mogućnosti Izvor podataka.

Odaberite izvor podataka za Narudžbe.
Dodavanje i raspoređivanje polja
Na kartici Svojstva pokraj desnog ruba odaberite Uredi polja kako biste otvorili okno Polja.

Ako okno Polja nije prazno, uklonite polja koja su već umetnuta.

Nakon što popis polja ostane prazan, odaberite Dodaj polje, a zatim odaberite potvrdne okvire za polja Klijent i Zaposlenik.

Pomičite se prema dolje dok se ta polja ne prikažu, a zatim odaberite njihove potvrdne okvire:
- Napomene
- Datum narudžbe
- Broj narudžbe
- Stanje narudžbe
- Datum plaćanja


Pri dnu okna Polja, odaberite Dodaj, a zatim zatvorite okno Polja.
Obrazac prikazuje sedam polja koja mogu biti u različitom poretku:

Napomena
Ako neko polje prikazuje ikonu pogreške crvene boje, možda bi moglo doći do problema kada se podaci izvlače iz izvora. Kako biste riješili pogrešku, osvježite podatke:
- Na kartici Prikaz odaberite Izvori podataka.
- U oknu Podaci odaberite Izvori podataka.
- Pokraj Narudžbe odaberite tri točke (...), pa Osvježi, a zatim zatvorite okno Podaci.
Ako se u kombiniranom okviru za ime klijenta ili zaposlenika i dalje prikazuje pogreška, označite Primarni tekst i Polje za pretraživanje svakog okvira tako da ga odaberete, a zatim otvorite okno Podaci. Za okvir klijenta, oba polja trebaju biti postavljena na nwind_company. Za okvir zaposlenika, oba polja trebaju biti postavljena na nwind_lastname.
Nakon što odaberete obrazac, u kartici Svojstva blizu desnog ruba promijenite broj stupaca u obrascu s 3 na 12.
Ovaj korak dodaje fleksibilnost dok raspoređujete polja:

Mnogi dizajni korisničkog sučelja oslanjaju se na raspored s 12 stupaca jer mogu ravnomjerno smjestiti retke od 1, 2, 3, 4, 6 i 12 kontrola. U ovoj temi stvorit ćete retke koji sadrže 1, 2 ili 4 kontrole.
Pomaknite polja i promijenite im veličinu povlačenjem njihovih ručica, kao što biste to učinili s bilo kojom drugom kontrolom, tako da svaki red sadrži te podatkovne kartice u navedenom poretku:
- Prvi red: Broj narudžbe, Status narudžbe, Datum narudžbe i Datum plaćanja
- Drugi red: Klijent i Zaposlenik
- Treći red: Bilješke
Napomena
Možda će vam biti lakše proširiti podatkovne kartice Bilješke, Klijent i Zaposlenik prije nego što ih rasporedite.

Dodatne informacije o načinu rasporeda polja u obrascu: Razumijevanje izgleda obrasca s podacima za aplikacije od gotovih gradivnih elemenata.
Skrivanje vremenskih kontrola
U ovom primjeru vam nisu potrebni vremenski dijelovi polja datuma jer ta razina preciznosti može odvratiti pažnju korisnika. Ako ih izbrišete, možete stvoriti probleme u formulama koje se oslanjaju na te kontrole za ažuriranje vrijednosti datuma ili određivanje položaja druge kontrole na podatkovnoj kartici. Umjesto toga, sakrijte vremenske kontrole postavljanjem njihovih svojstava Vidljivo.
U oknu Prikaz stabla, odaberite podatkovnu karticu Datum narudžbe.
Kartica može imati neki drugi naziv, ali sadrži Datum narudžbe.
Dok držite pritisnutu tipku Shift, odaberite kontrole sata, minute i razdjelnika-dvotočke u podatkovnoj kartici Datum narudžbe.

Postavite svojstvo kontrole Vidljivo na netočno.
Sve odabrane kontrole nestaju iz obrasca:

Promijenite veličinu kontrole Birač datuma kako bi se prikazao cijeli datum:

Zatim ponovite zadnjih nekoliko koraka za polje Datum plaćanja.
U oknu Prikaz stabla odaberite vremenske kontrole u podatkovnoj kartici Datum plaćanja:

Postavite svojstvo odabrane kontrole Vidljivo na netočno:

Promjena veličine birača datuma u kartici Datum plaćanja:

Povezivanje s galerijom narudžbe
U oknu Prikaz stabla, sažmite obrazac kako biste lakše pronašli naziv galerije narudžbe, a zatim, ako je potrebno, preimenujte ga u Galerija1.
Postavite svojstvo Stavka obrasca sažetka na ovaj izraz:
Gallery1.Selected
Obrazac prikazuje sažetak neovisno o redoslijedu koji je korisnik aplikacije odabrao na popisu.

Zamijenite podatkovnu karticu
Broj naloga je identifikator koji Dataverse automatski dodjeljuje prilikom stvaranja zapisa. Ovo polje ima kontrolu Unos teksta prema zadanim postavkama, ali možete je zamijeniti oznakom tako da korisnik ovo polje ne može uređivati.
Odaberite obrazac, odaberite Uredi polja u kartici Svojstva uz desni rub, a zatim odaberite polje Broj narudžbe:

Otvorite popis Vrsta kontrole:

Odaberite podatkovnu karticu Prikaži tekst:

Zatvorite okno Polja.
Korisnik više ne može mijenjati broj narudžbe:

Na kartici Početna promijenite veličinu fonta broja narudžbe na 20 točaka kako biste lakše pronašli polje:

Uporaba odnosa jedan na mnoštvo
Tablica Narudžbe ima odnos mnogo-prema-jedan s tablicom Zaposlenici: svaki zaposlenik može stvoriti mnogo narudžbi, ali svaka se narudžba može dodijeliti samo jednom zaposleniku. Kada korisnik odabere zaposlenika u kontroli Kombinirani okvir, njegovo svojstvo Odabrano pruža cjelokupni zapis tog zaposlenika iz tablice Zaposlenici. Kao rezultat, možete konfigurirati kontrolu Slika kako biste prikazali svaku sliku zaposlenika koju korisnik odabere u kombiniranom okviru.
Odaberite podatkovnu karticu Zaposlenik:

U kartici Napredno uz desni rub, otključajte podatkovnu karticu tako da možete uređivati formule koje su prethodno bile samo za čitanje:

U podatkovnoj kartici smanjite širinu kombiniranog okvira kako biste oslobodili prostor za sliku zaposlenika:

Na kartici Umetni, odaberite Medij > Slika:

Na podatkovnoj se kartici prikazuje se slika koja se širi kako bi se mogla prilagoditi:

Promijenite veličinu slike i premjestite je desno od kombiniranog okvira:

Postavite svojstvo Slika za sliku prema ovoj formuli, zamjenjujući broj na kraju izraza DataCardValue, ako je potrebno:
DataCardValue7.Selected.Picture
Prikazuje se slika odabranog zaposlenika.
Dok držite pritisnutu tipku Alt, u kombiniranom okviru odaberite drugog zaposlenika kako biste potvrdili da se mijenja i slika.

Dodavanje ikone Spremi
U oknu Prikaz stabla odaberite Zalon1, a zatim odaberite Umetni > Ikone > Potvrdi:

Ikona Provjeri prikazuje se prema zadanim postavkama u gornjem lijevom kutu, gdje bi druge kontrole mogle otežati pronalaženje te ikone:

Na kartici Početna, promijenite svojstvo Boja ikone u bijelu boju, promijenite veličinu ikone i pomaknite je uz desni rub naslovne trake:

U oknu Prikaz stabla, potvrdite kako je naziv obrasca Obrazac1, a zatim postavite svojstvo OnSelect za ikonu u ovu formulu:
SubmitForm( Form1 )
Kada korisnik odabere ikonu, funkcija pošaljiObrazac prikuplja sve promijenjene vrijednosti u obrascu i šalje ih u izvor podataka. Tijekom slanja podataka pri vrhu zaslona kreću se točke, a nakon završetka postupka promjene se odražavaju na galeriju narudžbe.
Postavite svojstvo DisplayMode za ikonu u ovu formulu:
If( Form1.Unsaved, DisplayMode.Edit, DisplayMode.Disabled )
Ako su sve promjene u obrascu spremljene, ikona je onemogućena i prikazuje se u prozoru Onemogućena boja, koji ćete postaviti sljedeći.
Postavite svojstvo DisabledColor za ikonu na ovu vrijednost:
Gray
Korisnik može spremiti promjene u narudžbi odabirom ikone Provjeri, koja je tada onemogućena i zatamnjena dok korisnik ne napravi još jednu promjenu:

Dodavanje ikone Otkaži
Na kartici Umetni, odaberite Ikone > Otkaži:

Ikona se prema zadanim postavkama prikazuje u gornjem lijevom kutu, gdje bi druge kontrole mogle otežati pronalaženje te ikone:

Na kartici Početna, promijenite svojstvo Boja ikone u bijelu boju, promijenite veličinu ikone i pomaknite je lijevo od ikone Provjeri:

Postavite svojstvo OnSelect ikone Otkaži u ovu formulu:
ResetForm( Form1 )
Funkcija Vrati obrazac na zadane postavke odbacuje sve promjene u obrascu, što ga vraća u izvorno stanje.
Postavite svojstvo DisplayMode ikone Otkaži u ovu formulu:
If( Form1.Unsaved Or Form1.Mode = FormMode.New, DisplayMode.Edit, DisplayMode.Disabled )
Ova se formula malo razlikuje od one za ikonu Provjeri. Ako su sve promjene spremljene ili je obrazac u načinu Novo, koji ćete postaviti sljedeći, ikona Otkaži je onemogućena. U tom slučaju, Vrati obrazac na zadane postavke odbacuje novi zapis.
Postavite svojstvo DisabledColor za ikonu Otkaži na ovu vrijednost:
Gray
Korisnik može otkazati promjene za narudžbu, a ikone Provjeri i Otkaži onemogućene su i zatamnjene ako su sve promjene spremljene:

Dodavanje ikone Dodaj
Na kartici Umetni odaberite Ikone > Dodaj.

Ikona Dodaj prema zadanim se postavkama prikazuje u gornjem lijevom kutu, gdje bi druge kontrole mogle otežati njezino pronalaženje:

Na kartici Početna, postavite svojstvo Boja ikone Dodaj u bijelu boju, promijenite veličinu ikone i pomaknite je lijevo od ikone Otkaži:

Postavite svojstvo OnSelect ikone Dodaj u ovu formulu:
NewForm( Form1 )
Funkcija Novi obrazac prikazuje prazan zapis u obrascu.
Postavite svojstvo DisplayMode za ikonu Dodaj u ovu formulu:
If( Form1.Unsaved Or Form1.Mode = FormMode.New, DisplayMode.Disabled, DisplayMode.Edit )
Formula onemogućuje ikonu Dodaj pod ovim uvjetima:
- Korisnik unosi promjene, ali ih ne sprema niti otkazuje, što je suprotno ponašanje ikona Provjeri i Otkaži.
- Korisnik odabire ikonu Dodaj, ali ne radi promjene.
Postavite svojstvo DisabledColor za ikonu Dodaj na ovu vrijednost:
Gray
Korisnik može stvoriti narudžbu ako ne izvrši promjene te spremi ili otkaže sve promjene koje je napravio. (Ako korisnik odabere ovu ikonu, ne može je ponovo odabrati dok ne napravi jednu ili više izmjena, a zatim te promjene spremi ili otkaže):

Napomena
Ako stvorite i spremite narudžbu, možda ćete se morati pomaknuti prema dolje u galeriji narudžbi kako biste prikazali novu narudžbu. Neće imati ukupnu cijenu jer još niste dodali niti jednu pojedinost narudžbe.
Dodavanje ikone Otpad
Na kartici Umetni, odaberite Ikone > Otpad.

Ikona Otpad prema zadanim se postavkama prikazuje u gornjem lijevom kutu, gdje bi druge kontrole mogle otežati njezino pronalaženje:

Na kartici Početna, promijenite svojstvo Boja ikone Otpad u bijelu boju, promijenite veličinu ikone i pomaknite je lijevo od ikone Dodaj:

Postavite svojstvo OnSelect ikone Otpad u ovu formulu:
Remove( Orders, Gallery1.Selected )
Funkcija Ukloni uklanja zapis iz izvora podataka. U ovoj formuli funkcija uklanja zapis koji je odabran u galeriji narudžbe. Ikona Otpad prikazuje se u blizini obrasca sažetka (ne u galeriji narudžbi) jer obrazac prikazuje više pojedinosti o zapisu tako da korisnik lakše može prepoznati zapis koji će formula izbrisati.
Postavite svojstvo DisplayMode za ikonu Otpad u ovu formulu:
If( Form1.Mode = FormMode.New, DisplayMode.Disabled, DisplayMode.Edit )
Ova formula onemogućuje ikonu Otpad ako korisnik stvara zapis. Sve dok korisnik ne spremi zapis, nema zapisa koji bi funkcija Ukloni mogla izbrisati.
Postavite svojstvo DisabledColor za ikonu Otpad na ovu vrijednost:
Gray
Korisnik može izbrisati narudžbu.

Sažetak
Da ponovimo, dodali ste obrazac u kojem korisnik može prikazati i urediti sažetak svake narudžbe, a koristili ste ove elemente:
- Obrazac koji prikazuje podatke iz tablice Narudžbe: Form1.DataSource =
Orders - Veza između obrasca i galerije narudžbe: Obrazac1.Stavka =
Gallery1.Selected - Alternativna kontrola za polje Broj narudžbe: Prikaži tekst
- Odnos mnoštvo na jednog za prikaz slike zaposlenika u podatkovnoj kartici Zaposlenik:
DataCardValue1.Selected.Picture - Ikona za spremanje promjena u narudžbi:
SubmitForm( Form1 ) - Ikona za otkazivanje promjena u narudžbi:
ResetForm( Form1 ) - Ikona za stvaranje narudžbe:
NewForm( Form1 ) - Ikona za brisanje narudžbe:
Remove( Orders, Gallery1.Selected )
Sljedeći korak
U sljedećoj temi dodat ćete još jednu galeriju za prikaz proizvoda u svakoj narudžbi i te ćete detalje promijeniti s pomoću funkcije Naljepak.