如何在点击表格之外的区域，使正在编辑的单元格不要退出编辑状态？

收藏

如上图所示：当前第一行第三列单元格正在编辑中，然后我点击1处，此时单元格会失去焦点，并且触发 valuechanged事件，
我的需求是：点击1处时，单元格不要失去焦点，要保持编辑状态，并且不要触发 valuechanged事件。

Fiooona · Fiooona

暂时没有什么好的办法，可以说下具体是什么样的业务场景下有这样的需求，看下有什么其他的解决方案

johnly · johnly

Fiooona 发表于 2020-6-9 19:05
暂时没有什么好的办法，可以说下具体是什么样的业务场景下有这样的需求，看下有什么其他的解决方案

举个例子：

目前需求是：用户先双击一个单元格，使此单元格变成编辑状态，并且修改了此单元格的值。突然用户发现1处有个表单还没提交，然后就点击了1处，但是用户不想此单元格的值被修改，想先提交了表单之后，再继续编辑单元格的值。

所以我是想问，点击了1处，怎么让单元格保持编辑状态？

或者让单元格的值恢复原值也行。因为一旦退出编辑状态，并且用户修改了单元格的值，就会触发valuechanged事件，我在valuechanged事件的回调中写了请求后端接口保存单元格值的代码。

不知道我这样讲有没有解释清楚。

johnly · johnly

Fiooona 发表于 2020-6-9 19:05
暂时没有什么好的办法，可以说下具体是什么样的业务场景下有这样的需求，看下有什么其他的解决方案

如上图所示，是一个excel表格的截图，第11行第H列单元格现在处于编辑状态，我点击箭头红框处是不会让单元格失去焦点并修改值的。

我就是想要实现同样的功能。

Fiooona · Fiooona

正常来说SpreadJS 不做任何处理就是默认的不会退出编辑状态，除非主动失去焦点才行， 1591800900(1).jpg

可以看下自己代码中是不是添加了相关的代码

johnly · johnly

Fiooona 发表于 2020-6-10 22:56
正常来说SpreadJS 不做任何处理就是默认的不会退出编辑状态，除非主动失去焦点才行，可以看下自己代码中是 ...

你们的demo中的表格是通过iframe嵌套进去的。点击此iframe之外的地方不会失去焦点，但是点击iframe内的地方会失去焦点。
试试这个链接：https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/cells/ellipsis/purejs

image.png504033202.png

如上图，点击1处不会失去焦点，点击2处会失去焦点。

KevinChen · KevinChen

你好，这个功能无法实现，目前产品的逻辑是，失去焦点后立即执行设置值、结束编辑的行为，

而此时新的dom元素并未获得焦点（SpreadJS内部也会有焦点转移），无法预先判断出获得焦点的目标是SpreadJS外部还是内部。

跨iframe可以这样显示是因为两个页面中焦点不会冲突。

johnly · johnly

KevinChen 发表于 2020-6-11 15:47
你好，这个功能无法实现，目前产品的逻辑是，失去焦点后立即执行设置值、结束编辑的行为，

而此时新的do ...

如果使用自定义单元格能否实现这个需求呢？

KevinChen · KevinChen

您好，经调研，自定义单元格无法实现这个功能，因为对于自定义单元格的input Element，只能通过自定义单元格的接口执行创建、激活、setValue、getValue的操作，但它的生命周期还是由SpreadJS来管理的，点击失焦后的行为还是无法更改。

johnly · johnly

KevinChen 发表于 2020-6-12 16:55
您好，经调研，自定义单元格无法实现这个功能，因为对于自定义单元格的input Element，只能通过自定义单元 ...

好的，谢谢，顺便问下，这个需求你们以后会加上去吗？

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

[已处理] 如何在点击表格之外的区域，使正在编辑的单元格不要退出编辑状态？

12 个回复

微信认证勋章

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证