Сетка кендо: Шаблон столбца Событие Click, выбрасывающее Uncaught SyntaxError: отсутствует) после списка аргументов?

Question

У меня есть сетка кендо с событием щелчка шаблона столбца. Но при нажатии на ячейку выдает следующую ошибку.

Uncaught SyntaxError: missing ) after argument list

Ниже приведен шаблон моего столбца.

columns: [
    {
      field: 'name',
      title: 'Industry',
      headerTemplate: '<span>Industry</span><br><span style="font-size: 10px; font-weight: 400;">2-digit Code</span>',
      width: '40%',
      template: '<div style="text-decoration: underline" onClick=\'logElement(#= name #)\'>#= name#</div>'
      //template: function (dataItem) {
      //  return '<span style="text-decoration: underline">' + dataItem.name + '</span>';
      //}
    }

Поиск Google говорит, что это может быть синтаксическая ошибка, https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Missing_parenthesis_after_argument_list

Но я не смог найти то, что мне не удалось избежать в приведенном выше шаблоне.

Может кто-нибудь помочь мне?

Answer 1

Google правильно: это синтаксическая ошибка.Вы пытаетесь передать имя функции logElement.Дай угадаю: name это строка?В этом случае вы должны поместить значение в кавычки.Это должно работать:

columns: [
  {
    field: 'name',
    title: 'Industry',
    headerTemplate: '<span>Industry</span><br><span style="font-size: 10px; font-weight: 400;">2-digit Code</span>',
    width: '40%',
    template: '<div style="text-decoration: underline" onClick="logElement(\\"#= name #\\")">#= name#</div>'
    //template: function (dataItem) {
    //  return '<span style="text-decoration: underline">' + dataItem.name + '</span>';
    //}
  }