Fragmenty kódu pro vlastní komponenty

Naposledy aktualizováno 24. 5. 2023

Toto téma popisuje, jak lze použít fragmenty kódu pro vlastní komponenty.

K vlastním komponentám můžete přidávat fragmenty kódu, které vám usnadní interakci s komponentou. Podívejme se na dva příklady dostupné v aplikaci Animate. Tyto dva nové fragmenty kódu najdete v části HTML5 Canvas -> Komponenty.

Fragment kódu pro připojení ovladače klikání k tlačítku

// Zakázat více ovladačů, které mohou být použity ve skriptech rámečků

if(!this.instance_name_zde_click_cbk) {

 function instance_name_here_click(evt) {

  // Spusťte svůj vlastní kód

  console.log("Tlačítko kliknuto");

  // Ukončit vlastní kód

 }
 

 // Připojte obslužnou rutinu události k nadřazenému objektu pomocí filtru jako 

 ID instance komponenty //

$("#dom_overlay_container").on("click", "#instance_name_zde", instance_name_zde_click.bind(this));

 this.instance_name_zde_click_cbk = true;

}

Všimněte si, že ovladač je přiřazen k nadřazenému objektu (dom_overlay_container) s filtrem nastaveným na instanci komponenty. To je důležité, protože instance komponenty nemusí být přítomna, když se snažíte připojit ovladač. Zajišťuje se tím, že ovladače událostí se budou spouštět správně.

Podobným způsobem můžete přidávat ovladače událostí i ke svým vlastním komponentám.

Výstřižek kódu pro získání hodnoty z libovolného ovládacího prvku vstupu:
console.log($("#instance_name_zde").val();

Výstřižek kódu, který se použije, když je instance komponenty připojena k DOM

// Naslouchat připojené události, aktivované podle modulu runtime komponenty
 

$("#dom_overlay_container").on("připojený", function(evt, param) {           

// Zkontrolujte id instance 

if(param & param.id == 'movieClip_1')
                         

$("#movieClip_1").text("Moje tlačítko");                          

}

});