Podręcznik użytkownika Anuluj

Wycinki kodu dla składników dostosowanych

 

W tym artykule omówiono wycinki kodu używane we własnych składnikach.

Aby usprawnić obsługę własnego składnika, można do niego dodać wycinki kodu. Omówimy następujące dwa przykłady dostępne w programie Animate. Nowe wycinki kodu są dodawane w sekcji HTML5 Canvas > Składniki.

  1. Wycinek kodu służący do podłączania procedury obsługi kliknięć do przycisku

    // Wyłącza zbiór uchwytów, które mogą być używane w skryptach klatek.
    if(!this.nazwa_wystąpienia_kliknięcie_cbk) {
    function nazwa_wystąpienia_kliknięcie(evt) {
    // Początek własnego kodu
    console.log("Kliknięto przycisk.");
    // Koniec własnego kodu
    }
    // Dołącza metodę obsługi zdarzenia do obiektu macierzystego z filtrem
    // ustwionym na identyfikator wystąpienia.
    $("#kontener_nakładki_dom").on("click", "#nazwa_wystąpienia", nazwa_wystąpienia_kliknięcie.bind(this));
    this.nazwa_wystąpienia_kliknięcie_cbk = true;
    }
    // Wyłącza zbiór uchwytów, które mogą być używane w skryptach klatek. if(!this.nazwa_wystąpienia_kliknięcie_cbk) { function nazwa_wystąpienia_kliknięcie(evt) { // Początek własnego kodu console.log("Kliknięto przycisk."); // Koniec własnego kodu } // Dołącza metodę obsługi zdarzenia do obiektu macierzystego z filtrem // ustwionym na identyfikator wystąpienia. $("#kontener_nakładki_dom").on("click", "#nazwa_wystąpienia", nazwa_wystąpienia_kliknięcie.bind(this)); this.nazwa_wystąpienia_kliknięcie_cbk = true; }
    // Wyłącza zbiór uchwytów, które mogą być używane w skryptach klatek.
    if(!this.nazwa_wystąpienia_kliknięcie_cbk) {
     function nazwa_wystąpienia_kliknięcie(evt) {
      // Początek własnego kodu
      console.log("Kliknięto przycisk.");
      // Koniec własnego kodu
     }
    
     // Dołącza metodę obsługi zdarzenia do obiektu macierzystego z filtrem 
     // ustwionym na identyfikator wystąpienia.
    $("#kontener_nakładki_dom").on("click", "#nazwa_wystąpienia", nazwa_wystąpienia_kliknięcie.bind(this));
     this.nazwa_wystąpienia_kliknięcie_cbk = true;
    }
    

    Procedura obsługi jest podłączana do elementu nadrzędnego (dom_overlay_container) z filtrem ustawionym na wystąpienie składnika. To ważne, ponieważ w momencie podłączania procedury obsługi wystąpienie składnika może być nieobecne. W ten sposób można zapewnić prawidłowy sposób uruchamiania modułów obsługi zdarzeń.

    W podobny sposób można także wprowadzić procedury obsługi zdarzeń do własnych składników.

  2. Wycinek kodu do pobrania wartości z dowolnego wejściowego elementu sterującego

    console.log($("#nazwa_wystąpienia").val());
    console.log($("#nazwa_wystąpienia").val());
    console.log($("#nazwa_wystąpienia").val());
  3. Wycinek kodu uruchamiany, gdy wystąpienie składnika jest przyłączane do modelu DOM

    // Nasłuchuje dołączonego zdarzenia generowanego przez środowisko wykonawcze.
    $("#kontener_nakładki_dom").on("attached", function(evt, param) {
    // Sprawdza identyfikator wystąpienia.
    if(param && param.id == 'klipFilmowy_1') {
    $("#klipFilmowy_1”).text("Mój przycisk");
    }
    });
    // Nasłuchuje dołączonego zdarzenia generowanego przez środowisko wykonawcze. $("#kontener_nakładki_dom").on("attached", function(evt, param) { // Sprawdza identyfikator wystąpienia. if(param && param.id == 'klipFilmowy_1') { $("#klipFilmowy_1”).text("Mój przycisk"); } });
    // Nasłuchuje dołączonego zdarzenia generowanego przez środowisko wykonawcze.
    
    $("#kontener_nakładki_dom").on("attached", function(evt, param) {           
    // Sprawdza identyfikator wystąpienia. 
    if(param && param.id == 'klipFilmowy_1') {                           
    
    $("#klipFilmowy_1”).text("Mój przycisk");                          
    }
    });
    

Pomoc dostępna szybciej i łatwiej

Nowy użytkownik?