Handsontable 中动态编辑的单元格值为空

Posted

技术标签:

【中文标题】Handsontable 中动态编辑的单元格值为空【英文标题】:Dynamically edited cell value in Handsontable is empty 【发布时间】:2020-09-01 06:42:37 【问题描述】:

如果我的问题已经得到解答,但我没有找到任何相关答案,我深表歉意。 我想动态编辑单元格值,因此我使用了:

var setButton = document.getElementById('setButton');
setButton.addEventListener('click', function(event)         
    hot.getActiveEditor().beginEditing();
    hot.render();
)

它编辑单元格,但我没有看到原始值,只有空值。

例子:

https://jsfiddle.net/janzitniak/qdg420v8/6/

注意:请选择任意单元格,然后单击为所选单元格设置值按钮。

感谢您的帮助。

【问题讨论】:

【参考方案1】:

解决方案

长话短说:在拨打beginEditing()之前先拨打enableFullEditMode()。 虽然不确定render() 调用 - 我认为可以删除该调用。

JSFiddle

故事时间

我一直在寻找类似问题的解决方案,并且不得不查看代码以找出答案。事后看来,这很简单。

首先是some code,它将 textareas 的内容重置为空字符串,以便与 IME 一起使用(或者至少评论是这样说的) 还有code,它只会在启用完整编辑器模式时将原始值设置到单元格中。

【讨论】:

感谢@seasick 的宝贵时间和正确答案!

以上是关于Handsontable 中动态编辑的单元格值为空的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Angular 6 + Handsontable 根据另一个单元格值仅更改一个单元格值?

Handsontable:如何在渲染函数中更改单元格值

使用渲染器时 HandsOnTable 单元格值发生变化

Handsontable 如何读取单元格内的单元格值:function (row, col, prop) 函数

渲染器使单元格相对于其他单元格值只读后的 JQuery handsontable - 不起作用

获取选定行的单元格值