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

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

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

复制代码

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