Handsontable, wie wird eine Zeile mit Daten eingefügt?

Question

Screenshot:

Zwei Puzzles:

One: Ich möchte mit Datenzeile einzufügen.

Zwei: Diese Daten basieren auf ausgewählten Daten der Zeile, und ich möchte es mit AJAX-Anfrage Antwort ändern. Dann fügen Sie es ein.

Ich las handsontable die docs, kann nicht geeignet Ereignis

finde ich diese Methode gefunden, aber ich weiß nicht, wie es zu implementieren

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 

Answer 1

Sie die Kontext Rückrufe wie mein Beispiel können in 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]); 
    } 
    } 
}