3. diel - Vytvorenie vlastnej komponenty a trieda SimplexSelection

V predchádzajúcej lekcii nášho rýchlokurzu, Opis vstavaných komponentov Simplex.js , sme si popísali jednotlivé komponenty, ktoré nám poskytuje samotný framework. Teraz si ukážeme, ako s jeho pomocou vytvoriť úplne novú vlastnú komponent a začneme sa venovať knižničným triedam, ktoré sú v tomto frameworku k dispozícii.

Vytvorenie vlastnej Simplex.js komponenty

Čokoľvek chceme do stránky vložiť alebo s čímkoľvek chceme manipulovať je v Simplex.js reprezentované samostatnú komponentom. Vytvorenie vlastné komponenty nie je pochopiteľne nijako ťažké. Poďme si vytvoriť komponent Vyhlasujúca všetkým programátorom známe Hello world!

Oddědění komponenty

V priečinku /Controls vytvoríme nový súbor HelloWorld.js. Pretože chceme v názve súboru viditeľne zobraziť, že sa jedná o dve slová, používame v pomenovaní súboru PascalCase syntax, rovnako tak následne aj v názve tried.

Triedu HelloWord vytvoríme ako potomka triedy SimplexControl, čo je materská trieda pre komponenty:

class HelloWorld extends SimplexControl {

}

Konštruktor

V konstruktoru triedy si vyžiadame parameter element. Tam nám Simplex.js potom automaticky vloží element (v prípade tejto komponenty <div>), ktorý chceme, aby komponenta spracovala. Metódou


 

...koniec náhľadu článku...
Pokračuj ďalej

Vedomosti v hodnote stoviek tisíc získaš za pár eur

Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.

Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel

Obsah článku spadá pod licenciu Premium III, kúpou článku súhlasíš s Prevádzkovými podmienkami.

Čo od nás v ďalších lekciách dostaneš?
  • Prístup k jednotlivým lekciám podľa spôsobu obstarania.
  • Kvalitné znalosti v oblasti IT.
  • Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.

Popis článku

Požadovaný článok má nasledujúci obsah:

V tutoriále si ukážeme, ako vytvoriť vlastné Simplex.js komponent na jednoduchom HelloWorld príklade. Popíšeme si tiež knižničný triedu SimplexSelection.
Článok pre vás napísal Petr Kozler
Avatar
Autor se věnuje vývoji převážně webových aplikací v PHP nebo Pythonu.
Aktivity