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