簡體   English   中英

Handsontable,如何插入數據行?

[英]Handsontable, how to insert row with data?

屏幕截圖:

在此處輸入圖片說明

兩個難題:

一:我要插入數據行。

二:此數據基於選定行的數據,我想用AJAX請求響應對其進行修改。然后將其插入。

我閱讀了handontable的文檔,找不到合適的事件

我找到了這種方法,但是我不知道如何實現

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

您可以像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]);
    }
  }
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM