Handsontable,如何插入数据行?

时间:2016-11-08 03:27:52

标签: javascript jquery handsontable

屏幕截图:

enter image description here

两个难题:

一个:我想插入包含数据的行。

二:此数据基于所选行的数据,我想用AJAX请求响应修改它。然后插入。

我阅读了手中的文档,无法找到合适的事件

我找到了这个方法,但我不知道如何实现它

var container = document.getElementById('table');
var hot = new Handsontable(container, {
  data: gridata,//Table's data
  rowHeaders: true,
  stretchH: 'all',
  fixedColumnsLeft: 2,
  contextMenu: true
});
var indexArr = hot.getSelected();//get selected row's index
var selectedData = hot.getDataAtRow(indexArr[0]);//selected row's data
//then insert it

1 个答案:

答案 0 :(得分:1)

你可以像JSFiddle中的示例一样使用上下文回调:

contextMenu: {
  callback: function(key, options) {
    if (key == 'row_below') {
      var indexArr = hot.getSelected();
      var selectedData = hot.getDataAtRow(indexArr[0]);

      hot.populateFromArray(indexArr[2]+1, 0, [selectedData]);
    } else if (key == 'row_above') {
      var indexArr = hot.getSelected();
      var selectedData = hot.getDataAtRow(indexArr[0]);

      hot.populateFromArray(indexArr[2]-1, 0, [selectedData]);
    }
  }
}