Как извлечь данные из сетки и перейти в поле текстового поля

Question

Я делаю этот пример, у кого-нибудь есть идея, как извлечь все данные из сетки кендо и передать все данные в поле текстового поля под сеткой, когда кнопка «Отправить» нажата?

Демо

Answer 1

Прежде всего, вы можете исследовать объект сетки, вызывая console.log (grid) для события onClick кнопки:

<button ..... onClick="console.log(grid)">Submit</button>

Если вы используете Chrome, вы можете открытьКонсоль разработчика для просмотра того, что содержит объект сетки

Теперь, когда вы знаете, что можете получить доступ к этим данным из сетки Kendo, вы можете сделать:

const fetchGridData = () => {
  let data = []
  grid._data.forEach(row => data = data.concat([row.ageGroup,row.basePax,row.extraBed]))
  document.getElementById('allData').value = data.join(",")
}

И не забудьте позвонить fetchGridData() по событию onClick кнопки <button ..... onClick="fetchGridData()">Submit</button>