【spread13版本】如何实现suggest效果、或者带搜索的select

收藏

版本【spread13版本】
如何实现suggest效果、或者带搜索的select

React 项目

Lynn.Dou · Lynn.Dou

您好，
“suggest效果、或者带搜索的select”具体指的是什么效果？请结合实际业务需求详细描述下。

Ellia.Duan · Ellia.Duan

您可以看下这个demo是否可以帮助到您。
https://demo.grapecity.com.cn/Sp ... /demos/autoComplete
image.png321822203.png

赖东东 · 赖东东

本帖最后由赖东东于 2023-1-13 17:50 编辑

Lynn.Dou 发表于 2023-1-13 17:45
您好，
“suggest效果、或者带搜索的select”具体指的是什么效果？请结合实际业务需求详细描述下。

单元格输入关键字，会出现下拉框（下拉框中的都是根据关键字出现的结果）。
可以点击下拉选值。
类似这种功能

Lynn.Dou · Lynn.Dou

SpreadJS原生的下拉框不带有搜索功能，可以利用自定义单元格实现，下方链接为示例demo，供参考：
https://demo.grapecity.com.cn/Sp ... /demos/autoComplete

赖东东 · 赖东东

Lynn.Dou 发表于 2023-1-13 18:03
SpreadJS原生的下拉框不带有搜索功能，可以利用自定义单元格实现，下方链接为示例demo，供参考：
https:// ...

我参照demo 实现了一个 React的Autocomplete，但是点击options时，每次都先出发deactivateEditor，在触发 onClick，导致不能获取到正确的值。

AutocompleteCellType.prototype.deactivateEditor 这个方法，是根据什么判断触发的？我想让deactivateEditor在 react onCkick事件之后触发。

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2023-2-2 13:44 编辑

关于deactivateEditor
image.png542251891.png

您说的react的onClick事件是绑定在单元格上吗？SpreadJS的单元格有自己的click事件。

赖东东 · 赖东东

Ellia.Duan 发表于 2023-2-2 13:39
关于deactivateEditor

通过与demo对比我发现，只要给外层元素 div 增加 attr('gcUIElement', 'gcEditingInput') 就能保证点击options时不触发 deactivateEditor 方法
image.png362216185.png

gcUIElement 支持哪几种值，有相关文档嘛？

Ellia.Duan · Ellia.Duan

您好，您看下这篇文章是否可以解决您的问题呢？https://gcdn.grapecity.com.cn/showtopic-100199-1-1.html

赖东东 · 赖东东

Ellia.Duan 发表于 2023-2-2 17:16
您好，您看下这篇文章是否可以解决您的问题呢？https://gcdn.grapecity.com.cn/showtopic-100199-1-1.html
...

好的，谢谢。看了之后我已经知道该如何实现了。

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

[已处理] 【spread13版本】如何实现suggest效果、或者带搜索的select

18 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人