张某某 发表于 2023-8-28 11:08:40

【16.1.4】如何实现一个框选区域范围的功能



1、需求:实现一个可以框选单元格进行区域范围的选择功能,点击一个按钮就可以开始选择区域范围,并可以获取到框选的区域坐标,而且框选不能影响当前已经选中的单元格或范围。

2、类似下面的设计器组件的打印相关的框选功能:



陈皮 发表于 2023-8-28 11:26:12


可以看看区域选择器的示例:
区域选择器 | 功能例子 | SpreadJS JavaScript 学习指南 (grapecity.com.cn)

Joestar.Xu 发表于 2023-8-28 16:00:28

您好,可以参考楼行的回复看能否解决您的问题。

张某某 发表于 2023-8-29 17:14:15

陈皮 发表于 2023-8-28 11:26
可以看看区域选择器的示例:
区域选择器 | 功能例子 | SpreadJS JavaScript 学习指南 (grapecity.com.cn ...

我看了一下这个区域选择器的功能,基本能满足我的需求,还有问题就是选择范围能不能设置一个限制:只允许选择一个单元格。我们的需求是可以选择一个大的范围,也可以限制只能选择一个单元格。

Joestar.Xu 发表于 2023-8-29 17:32:15

区域选择器没有办法设置这个限制,只能您那边在用户选择完后去检测选择的是一个单元格还是一个范围,再根据检测的结果去执行不同的代码逻辑。

张某某 发表于 2023-8-31 11:53:48

Joestar.Xu 发表于 2023-8-29 17:32
区域选择器没有办法设置这个限制,只能您那边在用户选择完后去检测选择的是一个单元格还是一个范围,再根据 ...

如果不能做限制的话,我们可能就不能用区域选择器了,如果我们想自己开发一个这样的区域选择器有什么好的方法可以做到吗?

Joestar.Xu 发表于 2023-8-31 13:59:06

这个目前没有自定的方法,您这边为什么要限制只能选择一个单元格呢?是要实现什么样的业务呢?

张某某 发表于 2023-9-1 11:35:26

下面截图是我们的需求场景:

Joestar.Xu 发表于 2023-9-1 17:30:54

经调研,目前暂时没有其他的办法能够实现这个需求了,您可以在业务代码中对其进行限制,如根据返回的结果,来只获取左上角那一个单元格的索引。

张某某 发表于 2023-9-1 18:45:55

Joestar.Xu 发表于 2023-9-1 17:30
经调研,目前暂时没有其他的办法能够实现这个需求了,您可以在业务代码中对其进行限制,如根据返回的结果, ...
有没有计划在现有的区域选择器上添加此功能,我觉得这是一个比较common的功能
页: [1] 2
查看完整版本: 【16.1.4】如何实现一个框选区域范围的功能