[英]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.