找回密码
 立即注册

QQ登录

只需一步，快速开始

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容
发新帖

威龙干红

注册会员

4

主题

12

帖子

40

积分

注册会员

积分
40
最新发帖

[已处理] 页面中有倒计时，excel无法选中下拉框

威龙干红
注册会员   /  发表于：2022-5-10 16:02  /   查看：3667  /  回复：11
本帖最后由 威龙干红 于 2022-5-17 14:18 编辑

页面中有个按钮存在倒计时，excel就会每秒刷新，使得下拉框无法选中。 image.png161696471.png

11 个回复

倒序浏览
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于：2022-5-10 17:25:19
沙发
你好，请问上述的“刷新”是指调用refresh接口吗？另外，请问为什么需要“每秒刷新”这个操作呢？这边根据上面的描述未能复现此问题，建议提供对应的demo，这边来做进一步调研。
回复 使用道具 举报
威龙干红
注册会员   /  发表于：2022-5-10 17:37:38
板凳
1652175309(1).jpg445572204.png      页面中有个倒计时来更新按钮文本，有这个倒计时excel下拉框很难选中。
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于：2022-5-10 18:18:45
地板
威龙干红 发表于 2022-5-10 17:37
页面中有个倒计时来更新按钮文本，有这个倒计时excel下拉框很难选中。

这边没看明白这个具体是怎么刷新，刷新了什么按钮。为了更加准确高效解决此问题，建议提供一个能复现的demo，这边来做进一步调研。这边也提供了一个demo模板，可以尝试在此demo中复现。

demo模板.html

2.57 KB, 下载次数: 151
回复 使用道具 举报
威龙干红
注册会员   /  发表于：2022-5-11 14:01:17
5#
  1. import React, { useState, useEffect } from 'react';
  2. import '@grapecity/spread-sheets-resources-zh';
  3. import GC from '@grapecity/spread-sheets';
  4. import '@grapecity/spread-sheets-print';
  5. import '@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css';
  6. import { SpreadSheets, Worksheet } from '@grapecity/spread-sheets-react';

  8. const Demo = () => {
  9.   let timer = null;
  10.   const [time, setTime] = useState(3600);

  12.   useEffect(() => {
  13.     timeTransition();
  14.   }, []);

  16.   const timeTransition = () => {
  17.     clearInterval(timer);
  18.     timer = setInterval(() => setTime(t => --t), 1000);
  19.   };

  21.   const workbookInit = (spread) => {
  22.     const sheet = spread.getActiveSheet();
  23.     const spreadNS = GC.Spread.Sheets;
  24.     const gcdv = spreadNS.DataValidation;
  25.     let ddv = null;
  26.     ddv = gcdv.createListValidator('1,2,3');
  27.     ddv.inputTitle('Please choose a category:');
  28.     ddv.inputMessage('1, 2, 3');
  29.     ddv.inCellDropdown(true);
  30.     sheet.setDataValidator(0, 0, 1, 1, ddv);
  31.   };

  33.   const hostStyle = {
  34.     width: '100%',
  35.     height: '100%'
  36.   };

  38.   return (
  39.     <div style={{ width: '100vw', height: '100vh' }}>
  40.       <div>{time}</div>
  41.       <SpreadSheets
  42.         hostStyle={hostStyle}
  43.         workbookInitialized={(e) => {
  44.           workbookInit(e);
  45.         }}
  46.       >
  47.         <Worksheet />
  48.       </SpreadSheets>
  49.     </div>
  50.   );
  51. };

  53. export default Demo;
复制代码

1652248692.jpg185987242.png
这段代码需要在react项目中运行，这个数据校验框难以选中。
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于：2022-5-11 18:14:25
6#
威龙干红 发表于 2022-5-11 14:01
这段代码需要在react项目中运行，这个数据校验框难以选中。

请问为什么需要每秒做一次更新呢？如果是刷新了页面，那么下拉会自动关闭，属于产限制，没有更好的方法。
回复 使用道具 举报
威龙干红
注册会员   /  发表于：2022-5-11 18:24:10
7#
本帖最后由 威龙干红 于 2022-5-11 18:25 编辑
Derrick.Jiao 发表于 2022-5-11 18:14
请问为什么需要每秒做一次更新呢？如果是刷新了页面，那么下拉会自动关闭，属于产限制，没有更好的方法。

因为页面里有倒计时，这个暂时没法解决是吧，我看用原生是没有这个问题的。
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于：2022-5-11 18:35:15
8#
威龙干红 发表于 2022-5-11 18:24
因为页面里有倒计时，这个暂时没法解决是吧，我看用原生是没有这个问题的。

是的，这个是框架的限制。这边也会尝试去调研看下有无其他方案。
回复 使用道具 举报
威龙干红
注册会员   /  发表于：2022-5-11 18:44:52
9#
Derrick.Jiao 发表于 2022-5-11 18:35
是的，这个是框架的限制。这边也会尝试去调研看下有无其他方案。

好的，感谢
回复 使用道具 举报
Derrick.Jiao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于：2022-5-12 09:11:20
10#
威龙干红 发表于 2022-5-11 18:44
好的，感谢

看这个倒计时部分，咱们应该做的是类似考试系统的项目是吗？可以考虑局部去刷新倒计时部分。
image.png987189941.png
回复 使用道具 举报
下一页 »
12下一页
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册
产品与服务
活字格低代码平台
Wyn 商业智能软件
SpreadJS纯前端表格控件
技术服务体系
技术博客
低代码技术
客户与案例
典型客户
成功案例
用户访谈
合作与生态
合作伙伴网络
葡萄城市场
葡萄城与国产化
活字格用友客开工具
品牌活动
葡萄城公开课
品牌战略发布会
赋能开发者高峰论坛
企业级低代码发展研讨会
企业级低代码应用大赛
表格技术研讨会
了解葡萄城
葡萄城简介
愿景使命
研发与创新
荣誉奖项
加入我们
联系方式
联系我们
400-657-6008

葡萄城社区二维码

关注“葡萄城社区”

赋能开发者

西安葡萄城软件有限公司
专业的软件开发技术和低代码平台提供商

陕ICP备2020018819号  |   陕公网安备：61019002000258  |   隐私政策  |   网站地图  

邮箱： info.xa@grapecity.com  |  © 2024 葡萄城软件，保留所有权利

Archiver| 手机版| 小黑屋|

返回顶部