Tweet

PowerApps - Aplikace využitím vlastního plátna - data z Excel - online

Úvodem do vlastního plátna v PowerApps - Excel - on-line

V článku Aplikace v PowerApps jsem ukázal jak vytvořit aplikaci v PowerApps bez znalosti programování využitím předpřipravených nástrojů. Co ale když tabulka na kterou se odkazujete je rozsáhlejší a chcete si grafickou stránku formulářů vytvořit dle vašich potřeb? Není nic jednoduššího než vlastní plátno.

Tvorba bude opět jednoduchá převážnou část naklikáte, jen doplníte pár parametrů. Vytvoříte adresář, kde kromě Jména, příjmení, bude datum, čas, text, poznámka (samozřejmě může být i více položek, ale na úvod postačí). Článek bude rozdělen na kapitoly:

• Zdrojová data
• Vytvoření prázdného plátna
• Přidání dalšího plátna a pojmenování
• Přidání dat do obrazovky Přehled
• Přidání výpisu
• Vybraná položka do zobrazení
• Otestujeme zobrazení
• Ikona vrátit se zpět
• Přidat možnost editace
• Ikona Zapsat a Zpět v editaci
• Testování

Zdrojová data

Nejprve si vytvořte tabulku v Excel online. V mém případě mám tabulku jako tabulka pojmenovanou "TabulkaData"

PowerApps - Vytvoření aplikace - vlastní plátno

Vytvořte prázdné plátno: Nová aplikace > Plátno

Na powerapps.com zvolte

Vyberte třeba Prázdná aplikace a Rozložení pro tablet.

Obdržíte prázdné plátno (obrazovku) neboli Screen1.

Přidání dalšího plátna a pojmenování

Je jedno plátno nepostačí budeme mít tři (ve stejném duchu jako předchozí aplikace). Obrazovky - Screeny si pak i pojmenujeme a doplníme o další interaktivní prvky:

• Přehled
• Zobrazeni
• Editace

Z menu vyberete Nová obrazovka a vyberete prázdné plátno:

A zopakujete ještě jednou ať máte tři.

Pojmenujeme je (bez háčku a čárek):

• Prehled
• Zobrazeni
• Editace

U Screen* tři tečky a přejmenovat. Nebo v pravém okně a pod obrazovkou dvojklik.

Výsledek

Klidně projděte předchozí článek.

Přidání dat do obrazovky Přehled

Přes Přidat data a ve Spojnice vybrat OneDrive - kde máte uloženou tabulku

Vybráním se otevře seznam sešitu. Vyberte si ten váš:

A ze souboru vyberete příslušnou tabulku jako tabulka ta naše se jmenuje "TabulkaData" a klik na Připojit

Data se načtou, ale jen na pozadí. Stačí přidat galerií, ať můžete načtená data vidět. Galerie zobrazíte přes plusko a v oblíbených vyberete. Například svislou galerií.

Přidané galerií přiřadíte data

Protože máte již data načtená tak stačí jen vybrat vaši jedinou tabulku co máte k dispozici. A již máte přehled načten.

Přidání výpisu

Tak na První obrazovce máte přehled dat (v dalších článcích se podíváme jak filtrovat). Teď se přesuneme na druhou obrazovku, kdy ve stromovém zobrazení vyberete druhé prázdné plátno Zobrazení.

Přidáme výpis konkrétní vybrané položky. Přes "Plusko" a z výběru Vysup vyberte Formulář pro zobrazení.

Přidejte mu data. Tak že vpravo zvolíte Zdroj dat a opět vyberete vaši jedinou tabulku TabulkaData.

Formulář má přiřazenou tabulku, ale je potřeba mu říci co chcete zobrazit. Klik na Upravit pole. Pro náš příklad vyberete vše. Díky bočnímu menu a Přidat pole

Pokud je zaklikáte můžete kliknout na Přidat a máte hotovo.

Vybraná položka do zobrazení

Tak data jsou pro jednotlivé způsoby zobrazení k dispozici, ale musíte je propojit neboli:

• Formulařové zobrazení - říci odkud bude načítat data (z galerie)
• Odrážka v galerii - kam bude data posílat

Formulář

Pro prvek formulář musíte nastavit odkud vezme vybranou položku. To je z první obrazovky Přehled z galerie a bude to ona vybraná položka.

Ve FormViever1 - vyberete vlastnost Item a řeknete že půjde o položku z Gallery2, neboli zapíšete

Gallery2.Selected

Odrážka

Ve skupině odrážek (je jich více, nelze deklarovat každou). Proto ve skupině Gallery2 budete reagovat na kliknutí, neboli událost OnSelect. Tato událost musí provést zobrazení příslušného okna (obrazovky) což je Zobrazit. Proto do události vložíte:

Navigate(Zobrazeni;None)

Formulář už ví co má obdržet a zobrazit

Otestujeme

Máte hotovo zbývá otestovat. Spusťte přes trojúhelník (ano lze testovat i přes Alt, ale o tom jindy).

Spustí se aplikace a otestujte, zda se zobrazí výpis položek, když kliknete na šipku.

Pokud provedeno správně tak ho máte zobrazen.

Pokud nefunguje projděte si zda se správně odkazujete, kam máte. Pokud funguje super, ale z výpisu se nějak nemůžete vrátit, chybí možnost aktualizace dat. tak v dalším kroku vylepšíme a doplníme.

Ikona vrátit se zpět

Přidáte ikonu, která vás vrátí zpět na plátno "Přehled". Přes "Plusko" a zvolit Ikona Přidat.

Přesunete a můžete upravit její podobu, v pravém menu z menu přidat si

A přiřadíte ji událost do OnSelect, že se vrátíte na plátno Prehled

Navigate(Prehled; ScreenTransition.None)

Můžete otestovat, už víte jak ;)

Možnost editovat - formulář

Do plátna Editace přidáte Formulář pro úpravy:

Přidáte zdroj dat

Položky co chcete upravovat

Jak na design a rozložení poli v samostatném článku, zde potřebujeme zajistit funkčnost.

Ikona Zapsat a Zpět v editaci

Plátno editace máte, než ale bude funkční, potřebujete se do něj dostat z plátna "Zobrazení" Tam přidáte ikonu (stejně jako v předchozí kapitole) tužky a přiřadíte ji událost OnSelect

EditForm(EditForm);;Navigate(Editace; ScreenTransition.None)

Teď již můžete na plátno "Editace" a tam přidat ikonu pro zapsání. Opět třeba tužka a pro událost OnSelect vložíte kód:

SubmitForm(EditForm)

Provede se uložení, ale asi nebudete chtít zůstat na stejném plátně. Tak jen formuláři řeknete, co se má stát pokud zápis dopadne dobře, neboli do EditForm v položce OnSuccess vložíte:

Back()

neboli po provedeni se vrátí na plátno "Zobrazení".

Křížek vás může vrátit zpět. Přidáte tlačítko a OnSelect přiřadíte:

ResetForm(EditForm);;Back()

Máte hotovo. Už chápete proč se mi PowerApps tak líbí? Par kliků a je hotovo. Díky geniálnímu provázaní řeší PowerApps spoustu věcí za vás.

Jasně vím o tom, že by chtělo ošetřit další stavy pokud se nepodaří zapsat atd. Což si nechám na další články (neprozradím, vše hned ve druhém článku ;) ).

Závěrem

Teď jen testovat a dále upravovat například:

• Na obrazovce přehled mít možnost filtrování
• Vyfiltrovaná data umět seřadit
• U editrace mít výběrová menu
• Možnost provádět dopočty
• Uopravit grafickoéu podobu
• Mít rozbrazené jisté formulářové prvky jako neviditelné, neměnitelné
• Jiné zobrazení plátek - třeba nekonečné rolovací
• ...

Nějaký nápad? Můžete zmínit v komentářích.

Článek byl aktualizován: 17.02.2021 09:27

Pavel Lasák - autor webu

Microsoft Office (Word, Excel, Google tabulky, PowerPoint) se věnuji od roku 2000 (od 2004 na této doméně) - V roce 2017 jsem od Microsoft získal prestižní ocenění MVP (zatím jsem jediný z ČR v kategorií Excel). Své vědomosti a zkušenosti dávám k dispozici i on-line ve videích pro SEDUO. Ve firmách školím a konzultuji, učím na MUNI. Tento web již tvořím přes 15 let. Zdarma je zde přes 1.000 návodu, tipů a triků, včetně přes 250 různých šablon, sešitů.

           

Komentáře zatím nejsou

Můžete být prvními co zanechají smysluplný komentář.