Användarhandbok Avbryt

Kodfragment för anpassade komponenter

 

Läs den här artikeln om du vill veta mer om kodfragment för anpassade komponenter

Du kan lägga till kodfragment till dina anpassade komponenter för att förenkla interaktionen med komponenten. Vi kan ta en titt på två exempel i Animate. De nya kodfragmenten läggs till i avsnittet HTML5 Canvas- > Komponenter.

  1. Kodfragment som kopplar en klickhanterare till en knapp

    // Inaktivera flera hanterare, eftersom dessa kan användas i bildruteskript
    if(!this.instance_name_here_click_cbk) {
    function instance_name_here_click(evt) {
    // Starta din anpassade kod
    console.log(”Button clicked”);
    // Avsluta din anpassade kod
    }
    // Bifoga en händelsehanterare för det överordnade objektet med filtret som
    // komponentinstansens id
    $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));
    this.instance_name_here_click_cbk = true;
    }
    // Inaktivera flera hanterare, eftersom dessa kan användas i bildruteskript if(!this.instance_name_here_click_cbk) { function instance_name_here_click(evt) { // Starta din anpassade kod console.log(”Button clicked”); // Avsluta din anpassade kod } // Bifoga en händelsehanterare för det överordnade objektet med filtret som // komponentinstansens id $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this)); this.instance_name_here_click_cbk = true; }
    // Inaktivera flera hanterare, eftersom dessa kan användas i bildruteskript
    if(!this.instance_name_here_click_cbk) {
     function instance_name_here_click(evt) {
      // Starta din anpassade kod
      console.log(”Button clicked”);
      // Avsluta din anpassade kod
     }
    
     // Bifoga en händelsehanterare för det överordnade objektet med filtret som 
     // komponentinstansens id
    $("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));
     this.instance_name_here_click_cbk = true;
    }
    

    Tänk på att hanteraren är kopplad till den överordnade instansen (dom_overlay_container) med filtret angett för komponentinstansen. Detta är viktigt eftersom komponentinstansen kanske inte finns när du försöker koppla hanteraren. Det ser till att händelsehanterare utlöses korrekt.

    Du kan ange händelsehanterare för anpassade komponenter på liknande sätt.

  2. Kodfragment som hämtar värden från indatakontroller

    console.log($("#instance_name_here").val());
    console.log($("#instance_name_here").val());
    console.log($("#instance_name_here").val());
  3. Kodfragment som körs när komponentinstansen kopplas till DOM

    // Lyssna på den bifogade händelsen, som utlöses av komponentkörningen
    $(”#dom_overlay_container”).on(”attached”, function(evt, param) {
    // Kontrollera instansens id
    if(param && param.id == ’movieClip_1’) {
    $(”#movieClip_1”).text(”My Button");
    }
    });
    // Lyssna på den bifogade händelsen, som utlöses av komponentkörningen $(”#dom_overlay_container”).on(”attached”, function(evt, param) { // Kontrollera instansens id if(param && param.id == ’movieClip_1’) { $(”#movieClip_1”).text(”My Button"); } });
    // Lyssna på den bifogade händelsen, som utlöses av komponentkörningen
    
    $(”#dom_overlay_container”).on(”attached”, function(evt, param) {           
    // Kontrollera instansens id 
    if(param && param.id == ’movieClip_1’) {                           
    
    $(”#movieClip_1”).text(”My Button");                          
    }
    });
    

Få hjälp snabbare och enklare

Ny användare?