Как исправить функцию не определено в HTMLButtonElement.onclick

Question

Я пытаюсь добавить элементы дерева кнопок из моей таблицы базы данных в раскрывающееся меню, но событие onclick не вызывает переданную функцию. Вот ошибка, которую я получаю при нажатии на кнопку. Любая помощь будет оценена.

addFormatItemHandler() 
{
    var self = this;

    this.m_tree.formatItem.addHandler
    (
        function(p_sender, p_event) 
        {
            var item = p_event.dataItem;

                    p_event.element.innerHTML = "<button onclick='myFunction()'></button>";                                 

        }
    );

}

myFunction(){

console.log("My function");

}

Ожидаемый результат: Моя функция

Фактический результат: myFunction не определена на HTMLButtonElement.onclick

Answer 1

Пока вы ставите слово function перед своей функцией, оно должно работать, если вы делаете это, как в следующем примере:

function addFormatItemHandler() {
  var self = this;

  this.m_tree.formatItem.addHandler(
    function(p_sender, p_event) {
      var item = p_event.dataItem;
      p_event.element.innerHTML = "<button onclick='myFunction()'></button>";
    }
  );
}

function myFunction() {
  console.log("My function");
}

<button onclick="myFunction()">My button</button>