Question

I am using the copy/paste feature implemented in Slickgrid‘s slick.cellcopymanager.js which is working fine (i.e. if you select some cells and press Ctrl+c then the content of these cells will be copied into your clipboard).

I would like to trigger the Ctrl+c action programatically (for instance to allow doing copy/paste by clicking buttons instead of pressing keys). I know how to define the keydown event for Ctrl+c:

var e = jQuery.Event("keydown");        
e.which = 67;
e.ctrlKey = true;

however I just can’t find out which object to trigger that event with and how so as to simulate the manual Ctrl+c. First I tried a simple trigger of the event which didn’t work:

–div_dom_from_selected_cell.trigger(e); // nothing happens
–grid_dom_wrapper.trigger(e); // nothing happens
–$('body').trigger(e); // nothing happens
–my_grid.trigger(e); // trigger is not a function

Then I extended slick.cellcopymanager.js so as to make the handleKeyDown function available externally:

$.extend(this, {
  "init": init,
  "destroy": destroy,
  "clearCopySelection": clearCopySelection,
  "handleKeyDown": handleKeyDown,          // ADDED THIS LINE
  "onCopyCells": new Slick.Event(),
  "onCopyCancelled": new Slick.Event(),
  "onPasteCells": new Slick.Event()
});

And tried to use it:

var copyManager = new Slick.CellCopyManager();
copyManager.init(my_grid);
copyManager.handleKeyDown(e, { cell: cell, row: row, grid: my_grid } );

The copying of the cell still doesn’t work despite:
-me having a cell properly selected (it has the selected class)
–handleKeyDown being fired properly
–e and args arguments inside handleKeyDown looking good (I’m tracing with console.log and can’t see any difference between manual Ctrl+c and programatic attempt`

How can I trigger the Ctrl+c event so as to copy a cell programatically?

Answer 1

This worked for me running from the console on the example page.

// Copy from row 2, column 5
var row = 2, col = 5;
grid.getSelectionModel().setSelectedRanges([new Slick.Range(row,col)]);
var e = jQuery.Event("keydown");        
e.which = 67;
e.ctrlKey = true;
grid.onKeyDown.notify(null, e);

And then paste:

// Past to row 3, column 4
var row = 3, col = 4;
grid.getSelectionModel().setSelectedRanges([new Slick.Range(row,col)]);
var e = jQuery.Event("keydown");        
e.which = 86;
e.ctrlKey = true;
grid.onKeyDown.notify(null, e);