SpreadJS 实现拖拽插入

收藏

在SpreadJS中，可以通过shift+拖动整列的方式来移动列，这个方式和Excel是保持一致的。
但是按住shift的操作并不是所有用户都了解，那如何将按shift移动的方式改为直接拖拽移动的方式呢？

在SpreadJS中用户的UI行为都是响应浏览器事件后调用spreadjs内置的command。
拖拽调用的是GC.Spread.Sheets.Commands.dragDrop命令

当我们需要改变行为的时候只需要重写命令的行为即可

var oldDragDropExcecte = GC.Spread.Sheets.Commands.dragDrop.execute;
GC.Spread.Sheets.Commands.dragDrop.execute = function (context, option, isUndo) {
if (option.fromRow === -1 || option.fromColumn === -1) {
option.insert = true;
}
oldDragDropExcecte.call(this, context, option, isUndo);
}

复制代码

在上面代码中，首先判断fromRow或者fromColumn为-1，代表整列或者整行的操作。
将insert直接设置为true，改变一切拖动覆盖的行为。

在线体验地址https://jscodemine.grapecity.com/share/k-qC9p270UytRu6-6503qg/

Lynn.Dou · Lynn.Dou

可以在excute方法里对spread进行判断，决定是否执行后续代码
image.png28943175.png

我叫白小飞 · 我叫白小飞

这个好像是对全局所有spread生效，能否单独对某个spread进行如此设置呢？

我叫白小飞 · 我叫白小飞

求助！！使用setArrayFormula批量设置公式后，拖拽GC.Spread.Sheets.Commands.dragDrop命令执行的逻辑就不生效了。
批量设置公式如下：
const allRows = sheet.getRowCount()
sheet.setArrayFormula(0, 7, allRows, 1, `=F1:F${allRows}+G1:G${allRows}`)

Lynn.Dou · Lynn.Dou

我叫白小飞发表于 2022-10-28 14:45
求助！！使用setArrayFormula批量设置公式后，拖拽GC.Spread.Sheets.Commands.dragDrop命令执行的逻辑就不 ...

您好，
在教程链接demo的基础上，结合您提供的代码做了测试，未复现您描述的问题，即可以实现拖拽插入。
https://jscodemine.grapecity.com/share/k-qC9p270UytRu6-6503qg/
如下图，您可以实际操作测试下。
image.png491615905.png