Атрибут данных HTML с `vaadin-grid` - PullRequest
0 голосов
/ 01 июня 2018

Я пытаюсь получить данные из сетки для передачи в другой элемент.Я думал, что использование атрибутов данных HTML может быть хорошим способом сделать это.

https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

Однако атрибуты данных не установлены, и я не вижу их в DevTools.

<vaadin-grid items="[[data]]">
  <vaadin-grid-column>
    <template class="header">
      <h3>Favorite</h3>
    </template>
    <template>
      <paper-button on-tap="getData"
        data-id="[[item.itemId]]"
        data-desc="[[item.description]]">Go</paper-button>
    </template>
  </vaadin-grid-column>
</vaadin-grid>

....

getData(e) {
  console.log(e.target.dataset.description);
}

Как выбрать из таблицы несколько фрагментов данных для использования в функции?

Для большего контекста: я пытаюсь получить данные из таблицы и передать их в качестве параметров при вызове AJAX.

1 Ответ

0 голосов
/ 31 января 2019

Согласно исправлению @ umbo,

События используют привязки атрибутов HTML, а не свойства элемента Polymer.

getData(e) {
  console.log(e.target.dataset.desc);
}
...