Ostoslistakortin luominen

Tässä opetusohjelmassa luodaan kortti, joka näyttää ostoslistan ja johon voi lisätä uusia kohteita. Käytössä on korttien suunnitteluohjelma, muuttuja ja Power Fx.

Tämän opetusohjelman lopussa ostoslistakortin pitäisi muistuttaa seuraavaa esimerkkiä:

edellytykset

• Power Apps -tili

Luo kortti

1. Kirjaudu Power Appsiin ja valitse ympäristö.

2. Valitse vasemmassa ruudussa Kortit. Jos nimikettä ei ole sivupaneelissa, valitse ... Lisää ja valitse sitten haluamasi nimike.

3. Valitse + Luo kortti.

4. Kirjoita SimpleShoppingCard Kortin nimi -kohtaan ja valitse Luo.

5. Valitse teksti Korttisi otsikko tulee tähän. Määritä tekstiotsikon ominaisuusruudussa Teksti-arvoksi Ostoslista.

6. Valitse teksti Lisää ja poista elementti, jotta voit mukauttaa uutta korttiasi. Määritä tekstiotsikon ominaisuusruudussa Teksti-arvoksi Lisää kohteet luetteloon käyttämällä alla olevaa ruutua.

Muuttujan lisääminen

Ostoslistassa yksittäiset kohteet ovat erillisillä tekstiriveillä. Se näyttää taulukolta, jossa on yksi sarake ja yksi ostettava kohde kullakin rivillä. Tämä viittaa siihen, että luettelon tallentamista varten on luotava taulukkomuuttuja.

1. Valitse vasemmassa ruudussa Muuttujat.

2. Valitse + Uusi muuttuja.

3. Kirjoita Uusi muuttuja -ikkunan Nimi-kohtaan MyGroceryList. Määritä tyypiksi Taulukko.

4. Valitse aaltosulkeet Oletusarvo-kohdan oikealla puolella ja lisää "" sulkeiden sisään. Tämä ilmaisee, että taulukossa on tekstiarvoja sarakkeessa, jonka nimi on implisiittisesti Arvo

5. Valitse Tallenna.

   

Luettelon lisääminen korttiin

1. Valitse vasemmassa ruudussa Lisää.

2. Laajenna luokka valitsemalla työkaluruudussa Näytä ja valitse sitten Tekstiotsikko.

3. Valitse tekstiotsikon ominaisuusruudussa Lisäasetukset-välilehti.

4. Määritä Toista jokaiselle -arvoksi MyGroceryList.

   

   Tekstiotsikon Toista jokaiselle -ominaisuuden määritys toistaa tekstiotsikon jokaiselle määritetyn taulukon kohteelle. Tässä esimerkissä taulukko MyGroceryList on luotu muuttuja. Toisin sanoen jokaiselle ostoslistan kohteelle luodaan kortissa erillinen tekstiotsikko.

5. Valitse Ominaisuudet-välilehti. Määritä Teksti-asetukseksi ThisItem.Value.

   Järjestelmän määrittämän ThisItem.Value-muuttujan määrittäminen tekstiotsikolle näyttää MyGroceryList-matriisin nykyisen kohteen arvon otsikkotekstinä. Matriisi on taulukkomuuttujan vaihtoehtoinen nimi. Muuttujan nimi voidaan syöttää kaavarivillä tai ominaisuusruudussa.

   

Syöttöruudun lisääminen

Luotu luettelo on tyhjä, joten viimeisessä vaiheessa käyttäjälle annetaan mahdollisuus lisätä kohteita.

1. Valitse vasemmassa ruudussa Lisää.

2. Laajenna luokka valitsemalla työkaluruudussa Syöte ja valitse sitten Tekstisyöte.

3. Määritä tekstin syötön ominaisuusruudussa nimeksi NewItem ja otsikoksi Uusi kohde:.

   

   Nimi-ominaisuuden avulla voidaan viitata ohjausobjektiin Power Fx -lausekkeessa. Sen on oltava yksi sana, eikä siinä saa olla välilyöntejä tai erikoismerkkejä. Otsikko-ominaisuus näkyy kortissa. Ohjausobjektin nimen ja otsikon ei tarvitse olla samanlaiset niin kuin tässä esimerkissä, mutta samanlaisten nimien käyttäminen helpottaa ohjausobjektien seuraamista.

Power Fx -painikkeen lisääminen

1. Valitse vasemmassa ruudussa Lisää.

2. Laajenna luokka valitsemalla työkaluruudussa Syöte ja valitse sitten Painike.

3. Määritä painikkeen ominaisuusruudussa otsikoksi Lisää kohde.

4. Siirrä osoitin kaavariville valitsemalla ominaisuusruudussa PowerFx.

5. Kirjoita seuraava Power Fx -lauseke kaavariville: Collect(MyGroceryList, {Value: NewItem})

   Lauseke lisää Power Fx:n Collect-funktion avulla käyttäjän syötteen arvon NewItem MyGroceryList-taulukon implisiittisessä Arvo-sarakkeessa olevaan muuttujaan. Koska lauseke on sidottu painikkeen OnSelect-ominaisuuteen, se suoritetaan, kun käyttäjä valitsee painikkeen.

   

Kortin testaaminen

Muutoksen kannattaa aina tallentaa ennen kortin toistamista. Valitse ensin Tallenna ja sitten Toista.

Kortti testataan lisäämällä muutamia kohteita ostoslistaan.

Seuraavat vaiheet

Tietoja monimutkaisen kortin luomisesta Microsoft Dataverse -yhdistimien avulla.