从Excel复制粘贴数据到SpreadJS中产生多余空格问题

鹅鹅鹅blue · 鹅鹅鹅blue

按照您的操作粘贴是没有空格的，但有以下2个疑问：
1、为何是点击完修改粘贴逻辑按钮后，再执行粘贴操作就不会有空格了，为何处理逻辑放在mounted中不生效。因为实际项目中是在页面中直接粘贴，而不会点击个按钮再触发粘贴操作
2、原来在excel中数据比如是1.0000，粘贴到spread中为何为1了，而现在增加这段逻辑后，粘贴到spread中仍然为1.0000

Joestar.Xu · Joestar.Xu

如果要放在mounted里面的话，请参考以下代码：

mounted() {
let spread = this.$refs.spread.getSpread();
let copiedText = "";
let clipPasted = false;
let pasteRange;
spread.bind(GC.Spread.Sheets.Events.ClipboardPasted, function (sender, args) {
console.log("bind");
clipPasted = false;
if (args.pasteData.html != "" && args.pasteData.text != "") {
clipPasted = true;
pasteRange = args.cellRange;
console.log("pasteRange", pasteRange);
}
if (!navigator.clipboard) {
setTextArray(copiedText);
}
});
document.querySelector(".preview-excel").addEventListener('paste', function (event) {
console.log("paste event");
if (!navigator.clipboard) {
if (event.clipboardData) {
// Classic Edge
copiedText = event.clipboardData.getData('text');
} else {
// IE11
copiedText = window.clipboardData.getData('text');
}
return;
}
if (!clipPasted) return;
// Chrome, FireFox
let paste = (event.clipboardData || window.clipboardData).getData('text');
setTextArray(paste);
});
function setTextArray(paste) {
var textArray = [];
var copyText = paste.split('\n');
for (var i = 0; i < pasteRange.rowCount; i++) {
var copyRow = copyText[i].replace(/\r/, "").split('\t');
for (var j = 0; j < copyRow.length; j++) {
if (copyRow[j] === "") {
copyRow[j] = null;
}
}
textArray.push(copyRow);
}
console.log("pasteRange.row", pasteRange.row);
console.log("pasteRange.col", pasteRange.col);
console.log("textArray", textArray);
spread.getActiveSheet().setArray(pasteRange.row, pasteRange.col, textArray);
};
},

复制代码

关于第二个问题，代码中的逻辑是将粘贴的内容转换为了文本进行了处理后再设置到Sheet中，所以仍为1.0000，具体您可以看一下textArray这个变量中存储的值。

image.png18580321.png

鹅鹅鹅blue · 鹅鹅鹅blue

若excel中设为数值保留三位小数 2.000，那么粘贴在spreadjs中正常应该是显示2.000还是2

Joestar.Xu · Joestar.Xu

就目前最新版本来说，如果在Excel中输入2，然后设置保留三位小数后，复制该单元格到SpreadJS中将显示为2。

鹅鹅鹅blue · 鹅鹅鹅blue

那么现在的空格粘贴逻辑会导致显示仍是1.000，值也仍然是1.000，针对这个新引入的问题怎么解决

Joestar.Xu · Joestar.Xu

我这边修改了一下相关的代码，请您替换后再试试看能否满足您的需求。

鹅鹅鹅blue · 鹅鹅鹅blue

好的我试试看

鹅鹅鹅blue · 鹅鹅鹅blue

我发现这段代码跟您第一次提供的解决方法是一样的，这需要用按钮来触发，但项目中不会存在按钮来触发粘贴事件，若放在mounted中，这段代码并没有解决粘贴空格问题，若按照后来提供的放在mounted中的那段代码，将会新引入显示1.000的问题。

Joestar.Xu · Joestar.Xu

您好，不需要关注changePrint这个方法，这一块代码已经废弃了我还没有删掉，需要关注的是mounted这个方法，我修改了setTextArray这个函数，我本地测试了一下是没有问题的。

动画 (1).gif802743224.png

鹅鹅鹅blue · 鹅鹅鹅blue

好滴我试一下感谢

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

[已处理] 从Excel复制粘贴数据到SpreadJS中产生多余空格问题

SpreadJS 认证

SpreadJS 高级认证