登录/注册

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容

5 主题	16 帖子	63 积分

积分: 63

195
金币
5
主题
16
帖子

最新发帖

[已处理] 自定义单元格输入

忘语吧
注册会员 / 发表于：2024-7-10 17:46 / 查看：1254 / 回复：5

10金币

本帖最后由 Joestar.Xu 于 2024-7-11 10:31 编辑

调研编号：SJS-25345

1、单元格输入值后，按下Tab，值消失了。
2、还有个就是初始化new GC.Spread.Sheets.CellTypes.Text(GC.Spread.Sheets.CellTypes.EditorType.textarea)这种格式的，输入不值，而且在typescript环境中还报错了。
1:

image.png606997069.png

image.png606997069.png

值消失了

image.png110728148.png

2: new GC.Spread.Sheets.CellTypes.Text(GC.Spread.Sheets.CellTypes.EditorType.textarea)不能输入值

image.png596694640.png

image.png596694640.png

testSpreadjs.zip

2.38 KB, 下载次数: 446

最佳答案

查看完整内容

您好，请参考以下自定义单元格示例来实现：

收藏

回复

5 个回复

倒序浏览

最佳答案

最佳答案

Joestar.Xu
超级版主 / 发表于：2024-7-10 17:46:09 来自 4^#

您好，请参考以下自定义单元格示例来实现：

function NumberCellType() {}
NumberCellType.prototype = new GC.Spread.Sheets.CellTypes.Text();
NumberCellType.prototype.createEditorElement = function (context) {
let editor =
GC.Spread.Sheets.CellTypes.Text.prototype.createEditorElement.call(
this,
context
);
editor.onkeyup = function (event) {
console.log("keyup", event);
if (event.srcElement.innerText.length >= 5) {
this.innerText = this.innerText.substring(0, 4);
const range = document.createRange();
const selection = window.getSelection();
range.selectNodeContents(this);
range.collapse(false);
selection.removeAllRanges();
selection.addRange(range);
}
};
return editor;
};
NumberCellType.prototype.activateEditor = function (
editorContext,
cellStyle,
cellRect,
context
) {
GC.Spread.Sheets.CellTypes.Text.prototype.activateEditor.apply(this, [
editorContext,
cellStyle,
cellRect,
context,
]);
let value = context.sheet.getCell(context.row, context.col).value();
if (value && value.toString().includes("/")) {
let a = value.toString().substring(0, 2);
let b = value.toString().substring(3);
let result = a + b;
context.sheet.getCell(context.row, context.col).value(result);
}
};
NumberCellType.prototype.deactivateEditor = function (editorContext, context) {
GC.Spread.Sheets.CellTypes.Text.prototype.deactivateEditor.apply(this, [
editorContext,
context,
]);
let originalValue = context.sheet.getCell(context.row, context.col).value();
let a = originalValue.toString().substring(0, 2);
let b = originalValue.toString().substring(2);
let result = a + "/" + b;
context.sheet.getCell(context.row, context.col).value(result);
};
let numberCellType = new NumberCellType();
sheet.getRange(0, 0, 5, 5).cellType(numberCellType);

复制代码

回复 使用道具举报

Joestar.Xu
超级版主 / 发表于：2024-7-11 10:25:54 2^#

您好，

1、您的Demo中重写了setEditorValue和getEditorValue，导致输入的值无法被正确应用到单元格中，我没看懂您这么写想要实现的需求是什么，方便详细说明一下吗？

2、猜测可能是.d.ts的声明有误，这边调研一下。

回复 使用道具举报

忘语吧
注册会员 / 发表于：2024-7-11 11:30:31 3^#

Joestar.Xu 发表于 2024-7-11 10:25
您好，

1、您的Demo中重写了setEditorValue和getEditorValue，导致输入的值无法被正确应用到单元格中， ...

第一个是一个日期input，输入yyMM的格式，editEnd时自动转换yy/MM。比如输入2101，然后转换成21/01

回复 使用道具举报

忘语吧
注册会员 / 发表于：2024-7-11 17:42:28 5^#

Joestar.Xu 发表于 2024-7-11 17:33
您好，请参考以下自定义单元格示例来实现：

好的，谢谢

回复 使用道具举报

Joestar.Xu
超级版主 / 发表于：2024-7-12 09:20:09 6^#

不客气，那就先结贴了，后续有其他问题的话随时开新帖提问哈。

回复 使用道具举报