2016-11-08 62 views
0

スクリーンショット:Handsontable、データを挿入する方法は?

enter image description here

二つのパズル:

ワン:私はデータを持つ行を挿入したいです。

2:このデータは、選択した行のデータに基づいており、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

を実装する方法がわからない、handsontableのドキュメントを読んで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]); 
    } 
    } 
} 
+0

本当にありがとうございます! – nicegonice

関連する問題