Příručka uživatele Zrušit

Fragmenty kódu pro vlastní komponenty

 

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.

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

    // Zakažte více obslužných rutin, protože mohou být použity ve skriptech snímků
    if(!this.instance_name_here_click_cbk) {
    function instance_name_here_click(evt) {
    // Spusťte svůj vlastní kód
    console.log("Kliknutí na tlačítko");
    // Ukončete svůj vlastní kód
    }
    // Připojte obslužnou rutinu události k nadřazenému objektu s filtrem jako
    // ID instance komponenty
    $(„#dom_overlay_container“).on("click", "#instance_name_here", instance_name_here_click.bind(this));
    this.instance_name_here_click_cbk = true;
    }
    // Zakažte více obslužných rutin, protože mohou být použity ve skriptech snímků if(!this.instance_name_here_click_cbk) { function instance_name_here_click(evt) { // Spusťte svůj vlastní kód console.log("Kliknutí na tlačítko"); // Ukončete svůj vlastní kód } // Připojte obslužnou rutinu události k nadřazenému objektu s filtrem jako // ID instance komponenty $(„#dom_overlay_container“).on("click", "#instance_name_here", instance_name_here_click.bind(this)); this.instance_name_here_click_cbk = true; }
    // Zakažte více obslužných rutin, protože mohou být použity ve skriptech snímků
    if(!this.instance_name_here_click_cbk) {
     function instance_name_here_click(evt) {
      // Spusťte svůj vlastní kód
      console.log("Kliknutí na tlačítko");
      // Ukončete svůj vlastní kód
     }
    
     // Připojte obslužnou rutinu události k nadřazenému objektu s filtrem jako 
     // ID instance komponenty
    $(„#dom_overlay_container“).on("click", "#instance_name_here", instance_name_here_click.bind(this));
     this.instance_name_here_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.

  2. Fragment kódu pro načtení hodnoty z libovolného vstupního ovládacího prvku

    console.log($("#instance_name_here").val());
    console.log($("#instance_name_here").val());
    console.log($("#instance_name_here").val());
  3. Fragment kódu, který se spustí, když je instance komponenty přiřazená k modelu DOM

    // Poslechněte si připojenou událost vyvolanou modulem runtime komponenty
    $("#dom_overlay_container").on("attached", function(evt, param) {
    // Zkontrolujte ID instance
    if(param && param.id == 'movieClip_1') {
    $("#movieClip_1").text("Moje tlačítko");
    }
    });
    // Poslechněte si připojenou událost vyvolanou modulem runtime komponenty $("#dom_overlay_container").on("attached", function(evt, param) { // Zkontrolujte ID instance if(param && param.id == 'movieClip_1') { $("#movieClip_1").text("Moje tlačítko"); } });
    // Poslechněte si připojenou událost vyvolanou modulem runtime komponenty
    
    $("#dom_overlay_container").on("attached", function(evt, param) {           
    // Zkontrolujte ID instance 
    if(param && param.id == 'movieClip_1') {                           
    
    $("#movieClip_1").text("Moje tlačítko");                          
    }
    });
    

Získejte pomoc rychleji a snáze

Nový uživatel?