Codefragmenten voor aangepaste componenten

Laatst bijgewerkt op 24 mei 2023

In dit artikel vindt u meer informatie over de codefragmenten voor aangepaste componenten

U kunt codefragmenten toevoegen aan uw aangepaste componenten om uw interactie met de component te versnellen. Laten we twee voorbeelden in Animate evalueren. De nieuwe codefragmenten worden toegevoegd onder de sectie HTML5 Canvas > Componenten.

Codefragmenten om een klikhandler aan een knop te koppelen

// Meerdere handlers uitschakelen, omdat deze kunnen worden gebruikt in framescripts

if(!this.instance_name_here_click_cbk) {

 function instance_name_here_click(evt) {

  // Uw aangepaste code starten

  console.log("Aangeklikte knop");

  // Uw aangepaste code beëindigen

 }
 

 // Voeg een gebeurtenishandler op het bovenliggende element toe als het filter 

 // Id van componentinstantie

$("#dom_overlay_container").on("click", "#instance_name_here", instance_name_here_click.bind(this));

 this.instance_name_here_click_cbk = true;

}

Houd er rekening mee dat de handler aan het bovenliggende item (dom_overlay_container) met de filterset voor de componentinstantie wordt gekoppeld. Dit is belangrijk omdat de componentinstantie mogelijk niet aanwezig is wanneer u probeert de handler te koppelen. Dit zorgt ervoor dat de gebeurtenishandlers op de juiste wijze worden geactiveerd.

U kunt de gebeurtenishandlers voor aangepaste componenten op dezelfde manier opgeven.

het fragment van de Code om waarde van om het even welke inputcontrole te krijgen:
console.log ($ ("#instance_name_here").val ());

fragment van de Code dat moet worden gebruikt wanneer de componenteninstantie aan DOM
in bijlage is
// Luister naar de gebeurtenis in de bijlage, geactiveerd door de componentruntime
 

$("#dom_overlay_container").on("attached", function(evt, param) {           

// Controleer de id van de instantie 

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

$("#movieClip_1").text("My Button");                          

}

});