Споделяне чрез

Създаване на карта със списък за пазаруване

  • Статия

В този урок ще създадете карта, която показва списък за пазаруване и ви позволява да добавяте елементи. Ще използвате дизайнера на карти, променливите и Power Fx.

В края на урока вашата карта за пазаруване трябва да изглежда като следния пример:

Екранна снимка на завършена карта със списък за пазаруване.

Предварителни изисквания

Създаване на карта

  1. Влезте в Power Apps и изберете средата си.

  2. В левия екран изберете Карти. Ако елементът не е в страничния панел, изберете …Още и след това изберете желания елемент.

  3. Изберете + Създайте карта.

  4. Под Име на картата въведете SimpleShoppingCard и след това изберете Създай.

  5. Изберете текста Заглавието на вашата карта отива тук. В екрана със свойства на текстовия етикет задайте Текст на списък за пазаруване.

  6. Изберете текста Добавяне и премахване на елемент, за да персонализирате новата си карта. В екрана със свойства на текстовия етикет задайте Текст на Използвайте полето по-долу, за да добавите елементи към списъка.

Добавяне на променлива

Списъкът за пазаруване ще съдържа отделни елементи в отделни редове текст. Изглежда като маса с една колона, с по един елемент за хранителни стоки във всеки ред. Това предполага, че ще трябва да създадете променлива на таблицата, за да съхранявате списъка си.

  1. В левия екран изберете Променливи.

  2. Изберете + Нова променлива.

  3. В прозореца Нова променлива въведете MyGroceryList под Име. Задаване на тип на таблица.

  4. Изберете къдравите скоби вдясно от стойността по подразбиране и въведете " между скобите". Това показва, че нашата таблица съдържа текстови стойности в колона, имплицитно наречена Value

  5. Изберете Записване.

    Екранна снимка на екрана с променливи свойства на MyGroceryList.

Добавяне на списък към картата

  1. В левия екран изберете Вмъкни.

  2. В екрана с инструменти изберете Показване, за да разгънете категорията, и след това изберете Текстов етикет.

  3. В екрана със свойства на текстовия етикет изберете раздела Разширени .

  4. Задайте повторение за всеки на MyGroceryList.

    Екранна снимка на екрана за разширени свойства на текстов етикет с MyGroceryList в Повторение за всяко свойство.

    Задаването на текстов етикет Повторение за всяко свойство повтаря текстовия етикет за всеки елемент в указаната таблица. В този пример таблицата, MyGroceryList, е променливата, която сте създали. С други думи, в картата се създава отделен текстов етикет за всеки артикул в списъка с хранителни стоки.

  5. Изберете раздела Свойства . Задаване на текст на ThisItem.Value.

    Присвояването на дефинираната от системата променлива ThisItem.Value на текстовия етикет показва стойността на текущия елемент в масива MyGroceryList като текст на етикета. Array е друг термин за променлива на таблица. Можете да въведете името на променливата в лентата за формули или в екрана със свойства.

    Екранна снимка на име на променлива, въведено в свойството Текст на текстовия етикет.

Добавяне на поле за въвеждане

Списъкът, който създадохте, е празен, така че в последната стъпка ще дадете възможност на потребителя да добавя елементи.

  1. В левия екран изберете Вмъкни.

  2. В екрана с инструменти изберете Въвеждане, за да разгънете категорията, и след това изберете Въвеждане на текст.

  3. В екрана със свойства за въвеждане на текст задайте Име на Нов елемент и задайте Етикет на Нов елемент: . ·

    Екранна снимка на имена на променливи, въведени в свойствата Име и Етикет на текстово поле за въвеждане.

    Свойството Име ви позволява да препращате към контролата в Power Fx израз. Тя трябва да бъде една дума, без интервали или специални знаци. Свойството Етикет се показва в картата. Името и етикетът на контрола не трябва да бъдат подобни, тъй като те са тук, но използването на подобни имена улеснява проследяването на контролите.

Добавяне на Power Fx бутон

  1. В левия екран изберете Вмъкни.

  2. В екрана с инструменти изберете Въвеждане, за да разгънете категорията, и след това изберете Бутон.

  3. В екрана със свойства на бутона задайте Заглавие на Добавяне на елемент.

  4. В екрана със свойства изберете PowerFx, за да поставите курсора в лентата за формули.

  5. Въведете следния Power Fx израз в лентата за формули: Collect(MyGroceryList,Value {: NewItem})

    Този израз използва функцията Collect, за да добави стойността на входа на потребителя към променливата на Power Fx таблицата в неявната колона Value . NewItem MyGroceryList · Тъй като изразът е обвързан със свойството OnSelect на бутона, той се изпълнява, когато потребителят избере бутона.

    Екранна снимка на израза Power Fx в лентата за формули, присвоен на свойството OnSelect на бутона.

Тествайте картата

Винаги трябва да запазвате промените си, преди да играете карта. Изберете Запиши, след което изберете Пусни.

Тествайте картата си, като добавите няколко елемента към списъка с хранителни стоки.

Следващи стъпки

Научете как да направите по-сложна карта с Microsoft Dataverse конектори.