如何从网格中获取数据并传递给文本框字段

How to fetch data from grid and pass to the textbox field

我正在做这个示例,有人知道如何在单击提交按钮时从 kendo 网格中获取所有数据并将所有数据传递到网格下的文本框字段中吗?

Demo

首先,您可以通过在按钮单击事件上调用 console.log(grid) 来探索网格对象:

<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(",")
}

并且不要忘记在按钮的 onClick 事件上调用 fetchGridData() <button ..... onClick="fetchGridData()">Submit</button>