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