拖拽

收藏

我把你的代码放进我自己的demo里面。
然后之所以没有用hitinfo，是因为它一直在获取单元格坐标，然后当我拖拽的时候，每经过一个单元格就会把值赋值进去。
现在你改过的代码也会出现这种情况。如图，我拖拽了一次经过了两个单元格就赋值了两次。
再其次就是赋值的单元格并不是鼠标拖拽的单元格，有y坐标的几个单元格差距。

dexteryao · dexteryao

我给您的示例中设置了一个count 去计数，您也可以设置一个数组去缓存已经赋过值的单元格，只要不重复setValue就能解决性能问题。你说赋值单元格并不是鼠标单元格，那时因为鼠标移动较快有个延时。

您的代码问题在于在一个事件中去使用闭包达到传递参数的效果，这样是无法控制的。

zhaozimingT · zhaozimingT

dexteryao 发表于 2017-3-28 16:29
我给您的示例中设置了一个count 去计数，您也可以设置一个数组去缓存已经赋过值的单元格，只要不重复setVal ...

对于你的回答，我思考了一下。首先你叫我设置一个数组，放已经赋值的单元格，可是问题不在这里。问题是当鼠标没有释放的时候会一直给经过的单元格赋值，当鼠标释放的时候，还是会在停下的单元格赋值。与存不存进数组没关系。再其次，鼠标释放的当前单元格与赋值的单元格有差距并不是因为鼠标移动较快有个延时。是因为得到的坐标x是对的，但是y坐标有是有几个距离的差值，如果你没有这种状态，你把你修改后的code,发给我。我测试一下你改过的文件。

dexteryao · dexteryao

先明确一个问题，您是想鼠标松开的时候再赋值，还是只要鼠标路过的地方都赋值？

zhaozimingT · zhaozimingT

dexteryao 发表于 2017-3-28 17:55
先明确一个问题，您是想鼠标松开的时候再赋值，还是只要鼠标路过的地方都赋值？

当鼠标松开的时候再赋值。

dexteryao · dexteryao

鼠标松开时候赋值那就在drop事件里面做啊。这个就只触发一次。还以为你要实现类似画板上刷子的效果，直接把一片都赋值呢。
事件中传递的clientY 并不是鼠标指针的尖端，这个具体误差您可以研究下，我测试值为8 ，减掉就行了。
drop.addEventListener("drop", function (e) {
var hitinfo = activeSheet.hitTest(e.clientX, e.clientY - 8);
if (hitinfo.hitTestType === GC.Spread.Sheets.SheetArea.viewport) {
activeSheet.setValue(hitinfo.row, hitinfo.col, item);
}
});

zhaozimingT · zhaozimingT

当我只有sheet1的时候，拖拽没有问题我添加了sheet2之后。sheet1和sheet2都不能完成拖拽了。

dexteryao · dexteryao

切换了sheet就要重新获取activesheet了
或者每次拖拽都获取下activesheet

drop.addEventListener("drop", function (e) {
var activeSheet = spread.getActiveSheet();
var hitinfo = activeSheet.hitTest(e.clientX, e.clientY - 8);
if (hitinfo.hitTestType === GC.Spread.Sheets.SheetArea.viewport) {
activeSheet.setValue(hitinfo.row, hitinfo.col, item);
}
});

复制代码

zhaozimingT · zhaozimingT

dexteryao 发表于 2017-3-30 15:00
切换了sheet就要重新获取activesheet了
或者每次拖拽都获取下activesheet

没有用的，我用laert()框， drop.addEventListener("dragenter", function (e) {
count = 0;
}); 在sheet2里面连这个事件都不进，

dexteryao · dexteryao

sheet1，和sheet2 始终都在同一个canvas 中绘制的，不牵扯切换的问题。检查下代码逻辑。我这边测试没有问题的。

$(function () {
var activeSheet = spread.getActiveSheet();
var drop = document.getElementById("ss");
var count = 0, item = "item";
drop.addEventListener("drop", function (e) {
var activeSheet = spread.getActiveSheet();
var hitinfo = activeSheet.hitTest(e.clientX, e.clientY - 8);
if (hitinfo.hitTestType === GC.Spread.Sheets.SheetArea.viewport) {
activeSheet.setValue(hitinfo.row, hitinfo.col, item);
}
});
drop.addEventListener("dragenter", function (e) {
var data = e.dataTransfer.getData("Text");
item = "item" + count++;
//item = $("#" + data).text();
});
drop.addEventListener("dragleave", function (e) {
});
drop.addEventListener("dragover", function (e) {
e.preventDefault();
});
});

复制代码

		自动登录	找回密码
密码			立即注册

[已处理] 拖拽

51 个回复

评分

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证

微信认证勋章