handsontable使用及遇到的坑--采用自定义结构时,输入和显示问题

问题

当采用自定义数据结构时,双击单元格,input框中的值变成了’[object Object]’,保存之后也不能正常显示。

解决方法

一、 直接自己重写一个editor
二、相对简单点,重写textarea这个editor中的prepare方法和saveValue方法

import * as handsontable from 'handsontable'; //如果采用js写的,require即可
var CustomEditor = handsontable.editors.BaseEditor;
CustomEditor.prototype.prepare = function (row, col, prop, td, originalValue, cellProperties) {
    // 把originValue的值替换成你要显示的值即可 如:
    this.TD = td;
    this.row = row;
    this.col = col;
    this.prop = prop;
    this.originalValue = showValue;
    this.cellProperties = cellProperties;
    this.state = EditorState.VIRGIN;    
}
CustomEditor.prototype.saveValue = function (value, ctrlDown) {
    // 保存到对应对象上即可
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值