Přeskočit navigaci | Přeskočit na novinky
     

Jste zde: Úvodní stránka » excel » PowerApps » Power-Apps-vlastni-platno-data-Excel-online
Microsoft Excel logo

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

Videokurzy Excel

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.

Ú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

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

PowerApps - aplikace -

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

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

Na powerapps.com zvolte PowerApps - aplikace - plátno

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

PowerApps - aplikace - prazdná aplikace - pro tablet

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

PowerApps - aplikace - prazdná aplikace - pro tablet

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:

PowerApps - aplikace -

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

PowerApps - aplikace - pridana tři plátna

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.

PowerApps - aplikace - pridana tři plátna

Výsledek

PowerApps - aplikace - pridana tři plátna - 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

PowerApps - aplikace - pripojit data

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

PowerApps - aplikace - pripojit data

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

PowerApps - aplikace - pripojit data

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

PowerApps - aplikace - Přidat galerií

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

PowerApps - aplikace - pripojit 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.

PowerApps - aplikace - pripojit data

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

PowerApps - aplikace - vyber platna

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

PowerApps - aplikace - formulář pro zobrazení

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

PowerApps - aplikace - Formular data

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

PowerApps - aplikace -

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

PowerApps - aplikace -

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 PowerApps - aplikace -

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

PowerApps - aplikace -

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

PowerApps - aplikace - Otestovat

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

PowerApps - aplikace - Otestovat

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

PowerApps - aplikace - Otestovat

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.

PowerApps - aplikace - Otestovat

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

PowerApps - aplikace - Otestovat

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

Navigate(Prehled; ScreenTransition.None) PowerApps - aplikace - Otestovat

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

Možnost editovat - formulář

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

PowerApps - aplikace - Formulář

Přidáte zdroj dat

PowerApps - aplikace - Zdroj dat

Položky co chcete upravovat

PowerApps - aplikace - Položky pro

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) PowerApps - aplikace -

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) PowerApps - aplikace -

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í".

PowerApps - aplikace -

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

Odměna

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.


Pavel Lasák - autor webu

Pavel Lasák

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

   Pavel Lasák LinkedIn Profil    Pavel Lasák Google+ Profil    Pavel Lasák facebook Profil    Pavel Lasák twitter Profil


Komentáře zatím nejsou

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







Sdílejte

Pomohl Vám návod?
Sdílejte na Facebooku, G+
LinkedIn...

Nové články


Reklama


TOPlist Licence Creative Commons webarchiv rss XML

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 |