Ustvarjanje galerije naročil v aplikaciji s platnom

Upoštevajte podrobna navodila za ustvarjanje galerije naročil 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 (ta tema).
  2. Ustvarite obrazec za povzetek.
  3. Ustvarite galerijo podrobnosti.

Opredelitev območij zaslona.

Zahteve

Ustvarjanje prazne aplikacije

Ustvariti aplikacija za prazno platno, in mu dajte ime, kot je "Moja naročila Northwind (aplikacija Canvas)".

Dodajanje podatkov

  1. V levem podoknu izberite zavihek Podatki > Dodaj podatke > poiščite in izberite tabelo Naročila.

    Izberite »Pogled«, »Viri podatkov« in »Dodaj vir podatkov«.

    Tabela Naročila vsebuje veliko polj različnih vrst:

    Seznam polj v tabeli Naročila.

    sVsako polje ima svoje prikazno ime in ime, ki se včasih imenuje tudi logično ime. Obe imeni se nanašata na isto stvar. Na splošno boste ob ustvarjanju aplikacije uporabili prikazno ime, v nekaterih primerih pa se zahteva bolj skrivnostno ime, kot je opisano v postopku.

  2. Ker bomo zatem uporabljali zaslone in kontrolnike, v storitvi Power Apps Studio na levi strani preklopite nazaj na Drevesni pogled tako, da pritisnete ikono treh zloženih kvadratov. Na možnost Viri podatkov se lahko vrnete kadar koli tako, da pritisnete ikono valja.

  1. Na zavihku Vstavljanje izberite Gallery > Prazno navpično, da dodate kontrolnik Gallery, prek katerega se bodo prikazala naročila.

    Vstavljanje, Gallery, Prazno navpično.

    Kontrolnik bo postavljen na delovno območje in prikazalo se bo pojavno pogovorno okno z vprašanjem, na kateri vir podatkov se želite povezati.

  2. Tukaj bi se lahko povezali neposredno na Naročila, vendar bomo namesto tega upravljali vrstni red razvrščanja za galerijo. Prezrite pojavno pogovorno okno, v vnosni vrstici pa nastavite lastnost galerije Items na to formulo:

    Sort( Orders, 'Order Number', Descending )
    

    Funkcija Sort razvrsti seznam tako, da se najprej pojavi najnovejše naročilo (ki ima najvišjo številko naročila).

    Razvrščanje naročil v galeriji.

  3. Čez nekaj trenutkov se pod vnosno vrstico pojavi pogled rezultatov. Puščico na levi povlecite navzdol, da si ogledate rezultat formule. Pomaknite se na desno, da si ogledate stolpec Številka naročila in se prepričajte, da je razvrščena tako, kot želite (od najvišje do najnižje vrednosti).

    Nastavitev lastnosti »Items « v galeriji.

  4. V zavihku Lastnosti blizu desnega roba odprite seznam Postavitev:

    Seznam možnosti postavitev.

  5. Na seznamu možnosti izberite Naslov in podnaslov:

    Izberite postavitev.

    V predlogo galerije sta dodana dva kontrolnika Label. Kontrolnika privzeto prikazujeta dva stolpca tabele Naročila, ki jo boste spremenili. Predloga galerije se ponovi navpično za vsak zapis v tabeli.

  6. Na zavihku Lastnosti blizu desnega roba izberite Uredi (poleg možnosti Polja).

    Za posodobitev polj izberite možnost uredi.

  7. V podoknu Podatki izberite Title1 (ali izberite zgornjo oznako v predlogi galerije).

  8. V vnosni vrstici nastavite lastnost oznake Text na ta izraz:

    "Order " & ThisItem.'Order Number'
    

    Nastavitev lastnosti oznake »Text« za naslov.

    Številka naročila se pojavi na vrhu vsakega elementa galerije. V predlogi galerije ThisItem omogoča dostop do vseh polj v tabeli Naročilo.

  9. V podoknu Podatki izberite Subtitle1 (oz. izberite spodnjo oznako v predlogi galerije):

    Izberite oznako »subtitle«.

  10. V vnosni vrstici nastavite lastnost oznake Text na ta izraz:

    ThisItem.Customer.Company
    

    Nastavitev lastnosti oznake »Text« za »subtitle«.

    Ko vnesete to formulo, se lahko za trenutek pojavi napaka z rdečo krivuljo. Napaka se bo počistila, če izberete poljuben element zunaj vnosne vrstice in kazalec nato pomaknete nazaj na vnosno vrstico. Če napaka ni odpravljena ali ne vidite vrednosti, izberite zavihek Pogled, Viri podatkov in nato osvežite tabelo Naročila tako, da izberete elipso (...) desno od imena vira podatkov.

    Ko določite ThisItem.Customer, uporabljate odnose »mnogo proti ena« med tabelama Naročila in Stranke in pridobivate zapis stranke, ki je povezan z vsakim naročilom. Iz zapisa stranke boste za prikaz izvlekli podatke v stolpcu Podjetje.

    Prikažete lahko vse odnose od tabele Naročila do drugih tabel, vključno s tabelo Stranka:

    Seznam odnosov.

  11. Izberite ikono za zapiranje (x) v zgornjem desnem kotu, da zaprete podokno Podatki.

Prikaz stanja vsakega naročila

V tem postopku boste v galeriji dodali prostor za oznako in jo konfigurirali tako, da stanje posameznega naročila prikazuje v drugi barvi – glede na podatke.

  1. V predlogi galerije zmanjšajte širino prve oznake, Title1:

    »Title1« v predlogi galerije.

  2. Ponovite prejšnji korak z drugo oznako, Subtitle1:

    »Subtitle1« v predlogi galerije.

  3. Z izbrano predlogo galerije (ali kontrolnikom v predlogi) izberite Label na zavihku Vstavljanje:

    Dodajte oznako.

  4. Novo oznako pomaknite na desno stran oznake Title1:

    Premaknite oznako in spremenite njeno velikost.

  5. Lastnost nove oznake Text nastavite na ta izraz:

    ThisItem.'Order Status'
    

    Nastavite lastnost »Text«.

    V tabeli Naročila polje Stanje naročila vsebuje vrednost iz izbire Stanje naročil. Izbira je podobna naštevanju v drugih orodjih za programiranje. Vsak nabor možnosti je določen v zbirki podatkov, tako da lahko uporabniki določijo samo možnosti, ki jih vsebuje nabor. Izbira Stanje naročil je tudi globalna, ne lokalna, zato jo lahko uporabite v drugih tabelah:

    Izbira stanja naročil.

    Vsaka možnost v naboru ima ime, ki se pojavi, če ga prikažete pri oznaki. Ta imena je mogoče lokalizirati in aplikacija prepozna enako možnost ne glede na to, ali angleški uporabnik izbere možnost Apple, francoski uporabnik izbere Pomme oz. španski uporabnik izbere Manzana. Iz tega razloga ne morete ustvariti formule, ki je odvisna od vprogramiranega niza za možnost, kot bo pozneje pojasnjeno v tej temi.

    Pri formulah mora biti stanje naročila obdano z enojnimi narekovaji, saj vsebuje presledek. Vendar to ime deluje enako kot katero koli drugo ime v storitvi Power Apps, npr. Stranka ali Podjetje.

  6. Na zavihku Osnovno povečajte velikost pisave za oznako stanja na 20 točk in besedilo poravnajte na desno:

    Spremenite velikost pisave in poravnavo.

  7. V vnosni vrstici nastavite lastnost Color za oznako stanja na to formulo:

    Switch( ThisItem.'Order Status',
        'Orders Status'.Closed, Green,
        'Orders Status'.New, Black,
        'Orders Status'.Invoiced, Blue,
        'Orders Status'.Shipped, Purple
    )
    

    Nastavite lastnost »Color« za oznako stanja.

    Power Apps vam preprečuje, da bi ustvarili formulo, ki je odvisna od vprogramiranega niza za vsako možnost v naboru, saj bi takšne formule morda ustvarile neprimerne rezultate, če se imena možnosti lokalizirajo. Namesto tega funkcija Switch določi barvo glede na to, kateri niz se pojavi pri oznaki glede na uporabnikove nastavitve.

    S to formulo se različne vrednosti stanja prikažejo v različnih barvah, kot kaže prejšnja grafika.

Prikaz skupne vrednosti posameznega naročila

  1. Izberite prvi element v galeriji, ki predstavlja predlogo galerije:

    Izberite predlogo galerije.

  2. Na zavihku Vstavljanje izberite Label, da dodate novo oznako:

    Dodajanje druge oznake.

  3. Premaknite novo oznako tako, da se prikaže pod oznako stanja:

    Spremenite velikost nove oznake in jo premaknite.

  4. V vnosni vrstici nastavite lastnost nove oznake Text na to formulo:

    Text( Sum( ThisItem.'Order Details', Quantity * 'Unit Price' ), "[$-en-US]$ #,###.00" )
    

    Formula za izračun skupne cene naročila.

    V tej formuli funkcija Vsota sešteje zapise v tabeli Podrobnosti naročila, ki so povezani z vsakim zapisom v tabeli Naročilo z odnosom »eden proti mnogo«. Te vrstične postavke sestavljajo posamezno naročilo, za prikaz in urejanje vrstičnih postavk v zgornjem desnem kotu zaslona pa boste uporabljali enako razmerje »ena proti mnogo«.

    Ta formula je podčrtana modro in prikazuje opozorilo o pooblastitvi, saj Dataverse ne podpira pooblastitve zapletenih združevalnih funkcij (npr. seštevek množenja). Te podatke lahko prezrete, ker nobeno naročilo v tem primeru ne vsebuje več kot 500 vrstičnih postavk. Če je potrebno za drugo aplikacijo, lahko to omejitev povečate pri Nastavitvah aplikacije.

    Funkcija Text v tej formuli doda simbol valute ter rezultat oblikuje z ločilom tisočic in decimalnim ločilom. Kot je zapisano, formula vključuje jezikovno oznako za ameriško angleščino ([$-en-US]) in simbol dolarja ($). Če odstranite jezikovno oznako, jo bo nadomestila oznaka, ki temelji na vaših jezikovnih nastavitvah, na oznaki pa bodo prikazane ustrezne oblike zapisa za to oznako. Če ohranite simbol dolarja, bo na oznaki prikazan ustrezen simbol valute – glede na uporabnikove nastavitve. Vendar pa lahko vsilite tudi prikaz drugega simbola, ki bo simbol dolarja zamenjal z želenim simbolom.

  5. Na zavihku Osnovno spremenite velikost pisave za najnovejšo oznako na 20 točk in besedilo poravnajte na desno:

    Spremenite velikost pisave in poravnavo oznake.

  6. Galerijo pomaknite na levi rob zaslona in zmanjšajte širino galerije, da skrčite prostor, ki ga zaseda galerija.

  7. Povečajte višino galerije tako, da je skorajda enako visoka kot zaslon, vendar na vrhu pustite malo prostora za naslovno vrstico, ki jo boste dodali ob začetku naslednje teme:

    Premaknite galerijo in spremenite njeno velikost.

Povzetek

Če povzamemo, začeli ste ustvarjati aplikacijo s platnom na enem zaslonu z dodajanjem galerije naročil, ki vključuje te elemente:

  • Izraz za prikaz številke naročila: "Orders " & ThisItem.OrderNumber
  • Polje v odnosu »mnogo-proti-ena«: ThisItem.Customer.Company
  • Oznaka, ki prikazuje ime možnosti v naboru: ThisItem.'Order Status'
  • Oznaka, ki spremeni obliko zapisa glede na to, katero možnost v naboru prikazuje oznaka: Switch( ThisItem.'Order Status', 'Orders Status'.Closed, Green, ...
  • Zapletena združevalna funkcija v razmerju »ena proti mnogo«: Sum( ThisItem.'Order Details', Quantity * 'Unit Price' )

Naslednja tema

V naslednji temi boste dodali kontrolnik Edit form, s katerim boste lahko prikazali in uredili povzetek katerega koli naročila, ki ga uporabnik izbere v galeriji, ki ste jo pravkar ustvarili.

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