128 主题	4272 帖子	7040 积分

自定义单元格——数值类型单元格

Fiooona
论坛元老 / 发表于：2020-1-21 14:14 / 查看：3948 / 回复：0

本帖最后由 Fiooona 于 2020-1-21 14:48 编辑

背景：需要让某一个单元格仅能输入数字，无法输入字符串。
思路：创建一个input框、监听input框的change事件、如果输入了数字0-9以外的内容用正则替换成空
核心代码：

NumberCellType.prototype.activateEditor = function (editorContext, cellStyle, cellRect) {
var self = this;
//Initialize input editor.
if (editorContext) {
$editor = $(editorContext);
GC.Spread.Sheets.CellTypes.Base.prototype.activateEditor.apply(this, arguments);
$editor.css("position", "absolute");
$editor.on('input change',function(e){ //对输入的值进行搜索
var value = $editor.val();
$editor.val(value.replace(/[^0-9.]/g,''))
});
}
}

复制代码

完整示例点击附件下载
更多自定义单元格实现：SpreadJS自定义单元格示例集合

6.32 KB, 下载次数: 175

组件化表格编辑器（预览版）试用进行中，点击了解详情！

请点击评分，对我的服务做出评价！5分为非常满意！

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

0 个回复