【问题标题】:Handsontable, how to insert row with data?Handsontable,如何插入数据行?
【发布时间】:2017-03-21 13:55:49
【问题描述】:

截图:

两个谜题:

一:我想插入一行数据。

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

我阅读了handsontable的文档,找不到合适的事件

找到了这个方法,但是不知道怎么实现

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

【问题讨论】:

    标签: javascript jquery handsontable


    【解决方案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]);
        }
      }
    }
    

    【讨论】:

      猜你喜欢
      • 2015-10-02
      • 2012-07-16
      • 2018-03-01
      • 2017-09-30
      • 2012-06-13
      • 2015-11-14
      • 2021-04-03
      • 1970-01-01
      • 2012-03-30
      相关资源
      最近更新 更多