Handsontable provides some nice hooks for when a cell is selected but I can't seem to figure out way to get it to allow me to force a cell into edit mode when it has been selected.
I can detect the cell selection like this:
Handsontable.PluginHooks.add( 'afterSelection', function( row, column ) {
var current_td = this.getCell( row, column );
});
And from there I can even obtain the cell element that was selected. But from there I can't seem to trigger the cell into edit mode (where it has an actively selected textarea field inside of it). This is normally triggered by a double click. Doing the obvious doesn't seem to work:
Handsontable.PluginHooks.add( 'afterSelection', function( row, column ) {
var current_td = this.getCell( row, column );
$(current_td).dblclick();
});
Anyone else ever done this or have thoughts on how I might get it to work?
And I believe I've answered my own question:
That seems to do the trick.
Edit Mode on click:
When you add enableFullEditMode(); caret moves in the cell while pressing left or right button instead of jump to another cell.
Anaother example: only first row:
For anyone intersted in this question, now there is a better programmable way to achieve the same result.
This selects the
(row, col)
cell and enters edit mode (i.e. same as double click or pressing F2/Enter).