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:

  1. Stvaranje galerije narudžbi.
  2. Stvorite obrazac sažetka (ta tema).
  3. Stvaranje galerije pojedinosti.

Definicija područja zaslona.

Preduvjeti

  1. Instaliranje baze podataka i aplikacije Northwind Traders.
  2. Razmotrite pregled aplikacije od gotovih gradivnih elemenata za bazu podataka Northwind Traders.
  3. 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.

  1. U oknu Prikaz stabla odaberite Zaslon1 kako biste osigurali da slučajno ne dodate kontrolu u galeriju narudžbi:

    U oknu Prikaz stabla odaberite Zaslon1.

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

    Umetnite oznaku.

    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.

  3. Pomaknite novu oznaku i promijenite joj veličinu tako da se proteže pri vrhu zaslona:

    Pomicanje i promjena veličine oznake.

  4. 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:

    Promijenite tekst u naslovnoj traci.

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

    Mogućnosti oblikovanja na kartici Početno.

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.

  1. Na kartici Umetni umetnite kontrolu Obrazac za uređivanje:

    Dodavanje kontrole Obrazac za uređivanje.

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

    Kontrola Obrazac za uređivanje na zadanom mjestu.

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

    Pomicanje i promjena veličine kontrole Obrazac za uređivanje.

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

    Postavljanje svojstva Izvor podataka kontrole Obrazac za uređivanje.

  4. Odaberite izvor podataka za Narudžbe.

Dodavanje i raspoređivanje polja

  1. Na kartici Svojstva pokraj desnog ruba odaberite Uredi polja kako biste otvorili okno Polja.

    Otvaranje okna Polje.

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

    Otvaranje mogućnosti okna Polje.

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

    Dodavanje polja Klijent i Zaposlenik u kontrolu Obrazac za uređivanje.

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

    Dodavanje još pet polja kontrolnom dijelu 1 Obrasca za uređivanje.

    Dodavanje još pet polja kontrolnom dijelu 2 Obrasca za uređivanje.

  5. Pri dnu okna Polja, odaberite Dodaj, a zatim zatvorite okno Polja.

    Obrazac prikazuje sedam polja koja mogu biti u različitom poretku:

    Kontrola Obrazac za uređivanje prikazuje sedam polja.

    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:

    1. Na kartici Prikaz odaberite Izvori podataka.
    2. U oknu Podaci odaberite Izvori podataka.
    3. 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.

  6. 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:

    Zatim promjena broja stupaca u kontroli Obrazac za uređivanje.

    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.

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

    Pomicanje i promjena veličine polja.

    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.

  1. U oknu Prikaz stabla, odaberite podatkovnu karticu Datum narudžbe.

    Kartica može imati neki drugi naziv, ali sadrži Datum narudžbe.

  2. Dok držite pritisnutu tipku Shift, odaberite kontrole sata, minute i razdjelnika-dvotočke u podatkovnoj kartici Datum narudžbe.

    Odabir vremenskih kontrola u kartici Datum narudžbe.

  3. Postavite svojstvo kontrole Vidljivo na netočno.

    Sve odabrane kontrole nestaju iz obrasca:

    Za kontrolu postavite svojstvo Vidljivo na false.

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

    Promjena birača datuma.

    Zatim ponovite zadnjih nekoliko koraka za polje Datum plaćanja.

  5. U oknu Prikaz stabla odaberite vremenske kontrole u podatkovnoj kartici Datum plaćanja:

    Odabir vremenske kontrole u kartici Datum plaćanja.

  6. Postavite svojstvo odabrane kontrole Vidljivo na netočno:

    Postavljanje svojstva Vidljivo na „netočno”.

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

    Promjena veličine kontrole Birač datuma.

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

  2. Postavite svojstvo Stavka obrasca sažetka na ovaj izraz:

    Gallery1.Selected
    

    Postavljanje svojstva Stavka obrasca.

    Obrazac prikazuje sažetak neovisno o redoslijedu koji je korisnik aplikacije odabrao na popisu.

    Odaberite narudžbu na popisu kako biste njezin pregled prikazali u obrascu.

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.

  1. Odaberite obrazac, odaberite Uredi polja u kartici Svojstva uz desni rub, a zatim odaberite polje Broj narudžbe:

    Odaberite polje Broj narudžbe.

  2. Otvorite popis Vrsta kontrole:

    Otvaranje popisa Vrsta kontrole.

  3. Odaberite podatkovnu karticu Prikaži tekst:

    Odabir podatkovne kartice Prikaži tekst.

  4. Zatvorite okno Polja.

    Korisnik više ne može mijenjati broj narudžbe:

    Broj narudžbe dostupan je samo za čitanje.

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

    Promjena veličine fonta broja narudžbe.

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.

  1. Odaberite podatkovnu karticu Zaposlenik:

    Odabir podatkovne kartice Zaposlenik.

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

    Otključavanje podatkovne kartice Zaposlenik.

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

    Promjena veličine kontrole kombiniranog okvira.

  4. Na kartici Umetni, odaberite Medij > Slika:

    Umetnite sliku.

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

    Podatkovna kartica zaposlenika s kontrolom Slika.

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

    Pomicanje i promjena veličine kontrole Slika.

  6. Postavite svojstvo Slika za sliku prema ovoj formuli, zamjenjujući broj na kraju izraza DataCardValue, ako je potrebno:

    DataCardValue7.Selected.Picture
    

    Postavljanje svojstva Slika slike.

    Prikazuje se slika odabranog zaposlenika.

  7. Dok držite pritisnutu tipku Alt, u kombiniranom okviru odaberite drugog zaposlenika kako biste potvrdili da se mijenja i slika.

    Odaberite zaposlenika kako bi se prikazala slika tog zaposlenika.

Dodavanje ikone Spremi

  1. U oknu Prikaz stabla odaberite Zalon1, a zatim odaberite Umetni > Ikone > Potvrdi:

    Umetanje ikone kvačice.

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

    Ikona na zadanom mjestu.

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

    Konfiguriranje boje, veličine ikone te mjesta ikone za spremanje.

  3. U oknu Prikaz stabla, potvrdite kako je naziv obrasca Obrazac1, a zatim postavite svojstvo OnSelect za ikonu u ovu formulu:

    SubmitForm( Form1 )
    

    Postavljanje svojstva OnSelect za ikone za spremanje.

    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.

  4. Postavite svojstvo DisplayMode za ikonu u ovu formulu:

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

    Postavljanje svojstva DisplayMode za ikonu.

    Ako su sve promjene u obrascu spremljene, ikona je onemogućena i prikazuje se u prozoru Onemogućena boja, koji ćete postaviti sljedeći.

  5. Postavite svojstvo DisabledColor za ikonu na ovu vrijednost:

    Gray
    

    Postavljanje svojstva DisabledColor za ikonu.

    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:

    spremanje promjena.

Dodavanje ikone Otkaži

  1. Na kartici Umetni, odaberite Ikone > Otkaži:

    Dodavanje ikone Otkaži.

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

    Ikona Otkaži na zadanom mjestu.

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

    Promjena boje, veličine i mjesta ikone Otkaži.

  3. Postavite svojstvo OnSelect ikone Otkaži u ovu formulu:

    ResetForm( Form1 )
    

    Postavljanje svojstva OnSelect za ikonu Otkaži.

    Funkcija Vrati obrazac na zadane postavke odbacuje sve promjene u obrascu, što ga vraća u izvorno stanje.

  4. Postavite svojstvo DisplayMode ikone Otkaži u ovu formulu:

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

    Postavljanje svojstva DisplayMode za ikonu Otkaži.

    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.

  5. Postavite svojstvo DisabledColor za ikonu Otkaži na ovu vrijednost:

    Gray
    

    Postavljanje svojstva DisabledColor za ikonu Otkaži.

    Korisnik može otkazati promjene za narudžbu, a ikone Provjeri i Otkaži onemogućene su i zatamnjene ako su sve promjene spremljene:

    Promjene spremanja i otkazivanja.

Dodavanje ikone Dodaj

  1. Na kartici Umetni odaberite Ikone > Dodaj.

    Umetanje ikone Dodaj.

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

    Zadano mjesto ikone Dodaj.

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

    Promjena boje, veličine i mjesta ikone Dodaj.

  3. Postavite svojstvo OnSelect ikone Dodaj u ovu formulu:

    NewForm( Form1 )
    

    Postavljanje svojstva OnSelect za ikonu Dodaj.

    Funkcija Novi obrazac prikazuje prazan zapis u obrascu.

  4. Postavite svojstvo DisplayMode za ikonu Dodaj u ovu formulu:

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

    Postavljanje svojstva DisplayMode za ikonu Dodaj.

    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.
  5. Postavite svojstvo DisabledColor za ikonu Dodaj na ovu vrijednost:

    Gray
    

    Postavljanje svojstva DisabledColor za ikonu Dodaj.

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

    Stvorite narudžbu.

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

  1. Na kartici Umetni, odaberite Ikone > Otpad.

    Umetnite ikonu Koš za smeće.

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

    Zadano mjesto ikone Koš za smeće.

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

    Promjena boje, veličine i mjesta ikone Koš za smeće.

  3. Postavite svojstvo OnSelect ikone Otpad u ovu formulu:

    Remove( Orders, Gallery1.Selected )
    

    Postavljanje svojstva OnSelect za spremanje ikone Koš za smeće.

    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.

  4. Postavite svojstvo DisplayMode za ikonu Otpad u ovu formulu:

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

    Postavljanje svojstva DisplayMode za ikonu Koš za smeće.

    Ova formula onemogućuje ikonu Otpad ako korisnik stvara zapis. Sve dok korisnik ne spremi zapis, nema zapisa koji bi funkcija Ukloni mogla izbrisati.

  5. Postavite svojstvo DisabledColor za ikonu Otpad na ovu vrijednost:

    Gray
    

    Postavljanje svojstva DisabledColor za ikonu Koš za smeće.

    Korisnik može izbrisati narudžbu.

    Brisanje narudžbi.

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.