Kaedah mencetuskan peristiwa: melalui panel GrapesJS tersuai

Question

Saya mempunyai panel tersuai yang ditambahkan pada editor GrapesJS. Panel mempunyai menu lungsur turun nilai. Saya mahu mencetuskan fungsi untuk dijalankan apabila item yang dipilih dalam menu lungsur berubah. Saya mencuba perkara berikut:

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

Jika fungsi onChangeFn() tidak ditakrifkan, ralat akan berlaku apabila menukar item yang dipilih dalam menu lungsur turun. Walau bagaimanapun, apabila fungsi ditakrifkan, ia tidak berjalan (dan tiada ralat).

Saya faham bahawa jika saya menggunakan butang, saya boleh mengkonfigurasi commandproperties untuk melaksanakan arahan yang berkaitan. Walau bagaimanapun, dalam kes ini, panel perlu menjadi menu lungsur.

Answer 1

Saya akhirnya melampirkan pendengar acara secara langsung. Iaitu, selepas memberikan id kepada elemen yang dipilih (seperti dropdownElement),

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