Méthode de déclenchement des événements : via le panneau GrapesJS personnalisé

Question

J'ai un panneau personnalisé ajouté à l'éditeur GrapesJS. Le panneau dispose d'un menu déroulant de valeurs. Je souhaite déclencher l'exécution d'une fonction lorsque l'élément sélectionné dans le menu déroulant change. J'ai essayé ce qui suit :

editor.Panels.addPanel({
            id: 'myPanel',
            content: '<select onChange="onChangeFn"><option>a</option><option>b</option></select>',
            visible: true,
            buttons: [],
        });

Si la fonction onChangeFn()n'est pas définie, une erreur se produira lors de la modification de l'élément sélectionné dans le menu déroulant. Cependant, lorsque la fonction est définie, elle ne s'exécute pas (et il n'y a aucune erreur).

Je comprends que si j'utilise un bouton, je peux configurer commandpropriétés pour exécuter la commande associée. Cependant, dans ce cas, le panneau doit être un menu déroulant.

Answer 1

J'ai fini par attacher directement un écouteur d'événement. Autrement dit, après avoir attribué un identifiant à l'élément sélectionné (comme dropdownElement),

document.getElementById("dropdownElement").addEventListener('change', function(e) {console.log(e.target.value);});