handsontable - 每行开头的自定义 html 按钮,点击操作

handsontable - custom html button at the start of every row with action on click

我有 handsontable,我在第 2 列中添加了一个自定义按钮,点击它我想将该行的数据发送到服务器进行处理。

所以我为按钮写了一个onClick函数。但是如何将当前行的行索引传递给这个函数是我无法找到的。

  var data = [
      ['', 'Kia', 'Nissan', 'Toyota', 'Honda'],
      ['<button onClick="edit(this)">Actual</button>', 5, 10, 12, 13],
      ['<button>2015</button>', 15, -11, 14, 13],
      ['<button>2016</button>', 20, 15, -12, 'readOnly']
    ],
columns: [{renderer: "html"}, {type: "text"}, {type: "text"}, {type: "text"}],

请参考下方fiddle查看代码。

http://jsfiddle.net/8cx5a3by/1/

您可以使用 hot.getSelected()。响应是一个包含 4 个值的数组。第一个是行索引,第二个是列索引。您可以在 edit 函数中使用它们。只需调用 hot.getSelected(),假设单击按钮不会阻止 handsontable 选择该单元格,它应该会为您提供索引。