找回密码
 立即注册

QQ登录

只需一步,快速开始

360bid

中级会员

87

主题

268

帖子

825

积分

中级会员

积分
825

[已处理] v14 展开下拉框

360bid
中级会员   /  发表于:2022-8-17 16:26  /   查看:1960  /  回复:11
本帖最后由 Clark.Pan 于 2022-10-26 00:34 编辑

image.png353273314.png


如图 A1单元格设置了序列类型的数据校验,

点击后面的按钮可以展开选项列表 ,
有没有方法通过代码来触发展开这个选项列表

11 个回复

正序浏览
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-8-17 18:04:08
推荐
您好,
SJS未提供打开数据验证按钮的API,您可以在选中该数据验证单元格后,通过修改css的方式打开/关闭下拉列表。
代码如下:
  1. document.querySelector("select[gcuielement='gcValidationSelect']").style.display = 'block'
  2. document.querySelector("select[gcuielement='gcValidationSelect']").style.display = 'none'
复制代码

image.png75258788.png
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-9-22 18:14:09
12#
这边搜索了相关资料,该问题实质上与select标签的size属性在安卓移动端的表现有关。
如 size=3时,在pc端会表现为直接展开下拉项,
但是在移动端会表现为 size=0 的状态,这属于安卓移动端的限制,目前这边也没有更好的方案了。
image.png565787353.png
附件为一个测试demo,您可以在安卓移动端环境测试下。

testSelect.html

2.22 KB, 下载次数: 20

回复 使用道具 举报
360bid
中级会员   /  发表于:2022-9-22 11:01:31
11#
有办法通过代码实现展开列表吗?
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-9-21 14:02:11
10#
目前没有更好的建议了
回复 使用道具 举报
360bid
中级会员   /  发表于:2022-9-21 09:48:28
9#
那有办法优化这个操作吗?比如自动点击这个选择器展开相应的列表
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-9-21 09:36:50
8#
经调研此问题属于安卓移动端的限制,在SJS产品设计中点击下拉按钮时打开的实际上是一个select
在pc端这个select会表现为列表,但在安卓移动端会表现为一个选择器,只有点击这个选择器之后才会展开相应的列表,




回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-9-8 15:54:57
7#
问题已复现,已将此问题记录下来进一步调研,有进展会在贴中通知您。本贴先做保留处理。
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-9-7 18:10:20
6#
好的,这边协调下设备资源实际测试下,有结果在贴中回复您。
您可以尝试升级下版本(目前最新版本V15.2.0),排除下是否是版本问题。
回复 使用道具 举报
360bid
中级会员   /  发表于:2022-9-7 14:57:03
5#
我这边用谷歌浏览器模拟也没问题  ,但是用手机浏览器 作相同操作就会有问题



您这边可以用手机浏览器试试
回复 使用道具 举报
Lynn.Dou讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2022-9-6 17:42:35
地板
您的移动端环境是什么呢?
这边使用chrome浏览器模拟移动端,测试如下图,未复现此问题。
image.png512160338.png
请提供可复现的测试demo,并详细描述下复现步骤,这边再实际测试下。
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部