|
Ve spolupráci se SEDUO jsem vytvořil několik videokurzů:
Druhý článek na práci s PowerApps, kdy si vytvoříte aplikaci s přes vlastní pláno a napojíte na data v Excel - online.
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:
Nejprve si vytvořte tabulku v Excel online. V mém případě mám tabulku jako tabulka pojmenovanou "TabulkaData"
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.
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:
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):
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ř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.
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.
Tak data jsou pro jednotlivé způsoby zobrazení k dispozici, ale musíte je propojit neboli:
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
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
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.
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 ;)
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.
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 ;) ).
Teď jen testovat a dále upravovat například:
Nějaký nápad? Můžete zmínit v komentářích.
Článek byl aktualizován: 17.02.2021 09:27
Ušetřil vám tento web čas, peníze? Pomohl vyřešit problém? Jste ochotni poskytnout symbolickou odměnu na další rozvoj? Vybrte si formu odměny, která vám vyhovuje.
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ů.
Můžete být prvními co zanechají smysluplný komentář.
Pomohl Vám návod? Sdílejte na Facebooku, G+ |
||
LinkedIn... |
Stránky o MS Office (Excel) produktu společnosti Microsoft. Neslouží jako technická podpora.
| Email na autora: pavel.lasak@gmail.com | Copyright © : Pavel Lasák 2004 - 2021 |