Stvorite galeriju narudžbi u aplikaciji od gotovih gradivnih elemenata
Slijedite podrobne upute za stvaranje galerije narudžbi 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:
- Stvorite galeriju narudžbi (ova tema).
- Stvaranje obrasca sažetka.
- Stvaranje galerije pojedinosti.

Preduvjeti
- Instaliranje baze podataka i aplikacije Northwind Traders.
- Pročitajte pregled aplikacije od gotovih gradivnih elemenata za bazu podataka Northwind Traders.
Stvaranje prazne aplikacije
prijavite se u Power Apps, a zatim stvorite praznu aplikaciju tableta.

Dodijelite svojoj aplikaciji željeni naziv, a zatim odaberite Stvori.

Power Apps Studio se otvara da biste u aplikaciju mogli dodavati izvore podataka i kontrole:

Dodavanje podataka
U lijevom oknu odaberite Podaci > Dodaj podatke > pretražite i odaberite tablicu Narudžbe.

Tablica Narudžbe sadrži mnoga polja različitih vrsta:

Svako polje ima Zaslonski naziv i Naziv, što se ponekad naziva i logičnim nazivom. Oba se naziva odnose na istu stvar. Općenito, prilikom izrade aplikacije upotrijebit ćete zaslonski naziv, ali neki slučajevi zahtijevaju tajnovitiji Naziv, kao što je napomenuto u postupku.
Budući da ćemo sljedeće raditi sa zaslonima i kontrolama, u Power Apps Studio se prebacite natrag na Prikaz stabla s lijeve strane pritiskom na ikonu tri složena kvadrata. Možete se vratiti na mogućnost Izvori podataka u bilo kojem trenutku pritiskom na ikonu cilindra.
Stvaranje galerije narudžbe
Na kartici Umetni, odaberite Galerija > Prazna okomita kako biste dodali kontrolu Galerija, koja će prikazati naredbe.

Kontrola se postavlja na radnom području i prikazuje se skočni dijaloški okvir s upitom na koji se izvor podataka treba povezati.
Mogli bismo ga ovdje izravno povezati na Narudžbe, ali bismo željeli nadzirati vrstu narudžbe iz galerije. Zanemarite skočni dijaloški okvir i u traku za formule postavite svojstvo Stavke za galeriju u ovu formulu:
Sort( Orders, 'Order Number', Descending )Funkcija Sortiraj slaže popis tako da se najprije prikaže najnovija narudžba (koja ima najveći broj).

Nakon nekoliko trenutaka prikazat će se Prikaz rezultata ispod trake za formule. Povucite prema dolje strelicu s lijeve strane kako biste vidjeli rezultat naše formule. Pomaknite se desno kako biste vidjeli stupac Broj narudžbe i osigurajte da je sortiran na način koji želite (najviši do najniži).

U kartici Svojstva blizu desnog ruba, otvorite popis Izgled:

Na popisu mogućnosti odaberite Naslov i podnaslov:

Dvije kontrole Oznaka dodane su u predložak galerije. Prema zadanim postavkama ove kontrole prikazuju dva stupca tablice Narudžbe koju ćete sljedeću promijeniti. Predložak galerije replicira se okomito za svaki zapis u tablici.
Odaberite Uredi (pokraj Polja) u kartici Svojstva uz desni rub.

U oknu Podaci odaberite Naslov1 (ili odaberite gornju oznaku u predlošku galerije).
Na traci za formule postavite svojstvo Tekst za oznaku na ovaj izraz:
"Order " & ThisItem.'Order Number'
Broj narudžbe prikazuje se pri vrhu svake stavke galerije. U predlošku galerije ThisItem omogućuje pristup svim poljima u tablici Narudžba.
U oknu Podaci odaberite Podnaslov1 (ili odaberite donju oznaku u predlošku galerije):

Na traci za formule postavite svojstvo Tekst za oznaku na ovaj izraz:
ThisItem.Customer.Company
Nakon što unesete ovu formulu, na trenutak će se možda prikazati nečitka pogreška crvene boje. Pogreška bi se trebala očistiti ako odaberete nešto izvan trake za formule, a zatim vratite pokazivač na traku za formule. Ako se pogreška nastavi ili ne vidite vrijednost, odaberite karticu Prikaz, odaberite Izvori podataka, a zatim osvježite tablicu Narudžbe odabirom trotočja (...) desno od naziva izvora podataka.
Kada navedete ThisItem.Customer, iskorištavate odnos mnogo-prema-jedan između tablica Narudžbe i Klijenti i dohvaćanja zapisa klijenta koji je povezan sa svakom narudžbom. Iz zapisa klijenta izdvajate podatke za prikaz u stupcu Tvrtka.
Možete prikazati sve odnose iz tablice Narudžbe s ostalim tablicama, uključujući tablicu Klijent:

Zatvorite okno Podaci odabirom ikone zatvaranja (x) u gornjem desnom kutu okna.
Prikazivanje statusa svake narudžbe
U ovom ćete postupku u galeriju dodati prostor za oznaku i konfigurirati ga tako da prikazuje status svake narudžbe u drugoj boji na temelju podataka.
U predlošku galerije smanjite širinu prve oznake, Naslov1:

Ponovite prethodni korak s drugom oznakom, Podnaslov1:

Nakon što odaberete predložak galerije (ili kontrolu u predlošku), odaberite Oznaka na kartici Umetni:

Pomaknite novu oznaku s desne strane oznake Naslov1:

Postavite svojstvo Tekst nove oznake na ovaj izraz:
ThisItem.'Order Status'
U tablici Narudžbe polje Status narudžbe drži vrijednost iz izbora Status narudžbe. Izbor je sličan nabrajanju u ostalim programskim alatima. Svaki skup mogućnosti definiran je u bazi podataka, tako da korisnici mogu odrediti samo one opcije koje se nalaze u skupu. Izbor Status narudžbi također je globalan, a ne lokalan, tako da ga možete koristiti u ostalim tablicama:

Svaka mogućnost u skupu ima naziv koji se prikazuje ako je pokažete na oznaci. Ti se nazivi mogu lokalizirati, a aplikacija prepoznaje istu mogućnost odabere li engleski korisnik Apple, francuski korisnik Pomme ili španjolski korisnik Manzana. Iz tog razloga ne možete stvoriti formulu koja se oslanja na čvrsto kodirani niz za mogućnost, kao što se to prikazuje kasnije u ovoj temi.
U formulama Status narudžbe morate staviti u jednostruke navodnike jer sadrži razmak. Međutim, taj naziv funkcionira na isti način kao i bilo koje drugo ime u Power Apps, kao što je Kupac ili Tvrtka ·.
Na kartici Početna povećajte veličinu fonta oznake na 20 točaka i tekst poravnajte udesno:

U traci za formule postavite svojstvo Boja statusne oznake u ovu formulu:
Switch( ThisItem.'Order Status', 'Orders Status'.Closed, Green, 'Orders Status'.New, Black, 'Orders Status'.Invoiced, Blue, 'Orders Status'.Shipped, Purple )
Power Apps sprječava stvaranje formule koja se oslanja na tvrdo kodirani niz za svaku mogućnost u skupu jer takve formule mogu dati neprikladne rezultate ako su nazivi mogućnosti lokalizirani. Umjesto toga, funkcija Prekidač određuje boju na temelju onoga što niz prikaže u oznaci na temelju korisničkih postavki.
Ako je na snazi ova formula, različite vrijednosti statusa prikazuju se u različitim bojama, kao što pokazuje prethodna slika.
Prikaži ukupan iznos svake narudžbe
Odaberite prvu stavku u galeriji, koja je predložak galerije:

Na kartici Umetni, odaberite Oznaka kako biste dodali drugu oznaku:

Pomaknite novu oznaku tako da se prikazuje pod oznakom statusa:

Na traci za formule postavite svojstvo Tekst nove oznake u ovu formulu:
Text( Sum( ThisItem.'Order Details', Quantity * 'Unit Price' ), "[$-en-US]$ #,###.00" )
U ovoj formuli funkcija Sum zbraja zapise u tablici Pojedinosti narudžbe koja je povezana sa svakim zapisom u tablici Narudžba kroz odnos jedan-prema-mnogo. Ove stavke retka čine svaku narudžbu, a vi ćete upotrebljavati isti odnos jedan na mnoštvo za prikaz i uređivanje stavki retka u donjem desnom području zaslona.
Ova formula prikazuje plavo podcrtavanje i upozorenje delegiranja jer Dataverse ne podržava delegiranje složenih funkcija zbrajanja (na primjer, zbroj množenja). Te podatke možete zanemariti jer nijedna narudžba u ovom primjeru neće sadržavati više od 500 stavki retka. Ako je potrebno za drugu aplikaciju, to ograničenje možete povećati u mogućnosti Postavke aplikacije.
Funkcija Tekst u ovoj formuli dodaje simbol valute i rezultat oblikuje s tisućama i decimalnim zarezima. Kako je napisano, formula uključuje jezičnu oznaku za američki engleski ([$-en-US]) i simbol dolara ($). Ako uklonite jezičnu oznaku, ona će biti zamijenjena onom koja se temelji na vašim jezičnim postavkama, a oznaka će prikazati odgovarajuće formate za tu oznaku. Ako ostavite simbol dolara, oznaka će prikazati odgovarajući simbol valute na temelju korisničkih postavki. Međutim, možete prisiliti da se pojavi drugi simbol, zamjenom simbola dolara onim koji želite.
Na kartici Početna promijenite veličinu fonta nove oznake na 20 točaka i tekst poravnajte udesno:

Pomaknite galeriju na lijevi rub zaslona i smanjite širinu galerije kako biste zatvorili malo prostora.
Povećajte visinu galerije tako da bude visoka gotovo kao i zaslon, ali ostavite malo prostora pri vrhu za naslovnu traku koju ćete dodati na početku sljedeće teme:

Sažetak
Da ponovimo, počeli ste izradu aplikacije od gotovih gradivnih elemenata s jednim zaslonom dodavanjem galerije narudžbi koja uključuje ove elemente:
- Izraz za prikaz broja narudžbe:
"Orders " & ThisItem.OrderNumber - Polje u odnosu mnoštvo na jednog:
ThisItem.Customer.Company - Oznaka koja prikazuje naziv mogućnosti u skupu:
ThisItem.'Order Status' - Oznaka koja mijenja format prema tome koju mogućnost iz skupa prikazuje oznaka:
Switch( ThisItem.'Order Status', 'Orders Status'.Closed, Green, ... - Složena funkcija zbrajanja preko odnosa jedan na mnoštvo:
Sum( ThisItem.'Order Details', Quantity * 'Unit Price' )
Sljedeća tema
U sljedećoj temi dodati ćete kontrolu Obrazac za uređivanje kako biste prikazali i uredili sažetak svake narudžbe koju korisnik odabere u galeriji koju ste upravo stvorili.