spreadJS 如何设置单元格只能输入数字，类似excel的单元格有效性

收藏

本帖最后由 lml02 于 2016-8-3 09:50 编辑

spreadJS 如何设置单元格只能输入数字，类似excel的单元格有效性；
可以在表单级别绑定中，设置某列的属性信息吗？

dexteryao · dexteryao

没有这样的设置，需要自己通过代码挂事件实现。
一种使用Spread EditChange事件。判断输入值，如果非法回滚。

spread.bind(GcSpread.Sheets.Events.EditChange, function (sender, args) {
var cellType = args.sheet.getCellType(args.row, args.col)
if (args.editingText && isNaN(args.editingText)
&& cellType.getEditingElement() && cellType.getEditingElement().type === "textarea") {
var value = cellType.getEditingElement().value;
cellType.getEditingElement().value = value.slice(0, value.length - 1);
}
});

复制代码

另一种是重写CellType的createEditorElement 方法，挂上change事件处理输入。deactivateEditor方法解除事件。

lml02 · lml02

dexteryao 发表于 2016-7-11 11:28
没有这样的设置，需要自己通过代码挂事件实现。
一种使用Spread EditChange事件。判断输入值，如果非法回 ...

EditChange事件在单次按键，且输入一个字符时是可以的
但是在键盘按下不松开、重复输入某个字符时，就不能解决问题
请问有对应的键盘事件吗？就像js的keydown事件

dexteryao · dexteryao

这个您可以通过自定义单元格，给编辑框增加事件

function NumberCellType(){
}
NumberCellType.prototype = new GcSpread.Sheets.TextCellType();
NumberCellType.prototype.createEditorElement = function(context) {
//Creates a DOM element then returns it.
var editor = GcSpread.Sheets.TextCellType.prototype.createEditorElement.call(this, context);
var textarea = editor.firstChild;
//textarea.setAttribute("onkeydown", "valideInput()");
textarea.onkeydown = function(){
var textarea = this;
var value = textarea.value
//your code here
}
return editor;
};

复制代码

ccooder · ccooder

dexteryao 发表于 2016-7-11 11:28
没有这样的设置，需要自己通过代码挂事件实现。
一种使用Spread EditChange事件。判断输入值，如果非法回 ...

cellType.getEditingElement().value
12版本的cellType.getEditingElement()是不是没有value属性
如果这样的话怎么给这个 editingElement设置“value”呢

KevinChen · KevinChen

ccooder 发表于 2019-1-7 11:07
cellType.getEditingElement().value
12版本的cellType.getEditingElement()是不是没有value属性
如果 ...

您好，V12版的接口与本帖讨论的产品版本差异较大，推荐您就您的问题发新贴提问。

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

[已处理] spreadJS 如何设置单元格只能输入数字，类似excel的单元格有效性