在非body元素上开启全屏后，选择颜色等弹框无法显示

收藏

本帖最后由 Clark.Pan 于 2021-11-5 12:17 编辑

可以在线上demo复现：https://demo.grapecity.com.cn/SpreadJS/WebDesigner/打开后，控制台执行如下代码：

$('#gc-designer-container').requestFullscreen()

复制代码

这种方式打开的全屏模式，会导致选择字体、背景的颜色选择框不显示。
看了下dom是因为选择框插到了body下，而全屏模式下这部分是不显示的。
之所以使用元素全屏而不是body全屏，是因为body下有一些其他元素，而我只想要全屏excel部分。
浏览器版本：Chrome 94.0.4606.71（正式版本）（64 位）

Derrick.Jiao · Derrick.Jiao

chaiwei 发表于 2021-10-9 18:12
我们这个功能用户之前都是在本地excel编辑，然后上传文件的。
改用spread之后，很多人反映浏览器无用界 ...

你好，请使用这句代码开启全屏document.body.requestFullscreen()

Clark.Pan · Clark.Pan

本帖最后由 Clark.Pan 于 2021-10-9 17:36 编辑

您好，我会将这个问题当做需求反馈给产品部门，需求讨论有结果后我会在这里向您反馈。另外我想问一下，咱们需要全屏是因为什么样的需求？

chaiwei · chaiwei

Clark.Pan 发表于 2021-10-9 16:55
您好，我会将这个问题当做需求反馈给产品部门，需求讨论有结果后我会在这里向您反馈。另外我想问一下，咱们 ...

我们这个功能用户之前都是在本地excel编辑，然后上传文件的。
改用spread之后，很多人反映浏览器无用界面占了太多空间，特别是部分使用笔记本的屏幕很小，有效可视区域更小了。
所以需要给用户一个全屏显示的功能，以最大效用的使用屏幕空间。

chaiwei · chaiwei

Derrick.Jiao 发表于 2021-10-11 09:23
你好，请使用这句代码开启全屏document.body.requestFullscreen()

之所以使用元素全屏而不是body全屏，是因为body下有一些其他元素，而我只想要全屏excel部分。

Derrick.Jiao · Derrick.Jiao

chaiwei 发表于 2021-10-11 14:56
之所以使用元素全屏而不是body全屏，是因为body下有一些其他元素，而我只想要全屏excel部分。

请问你是想只显示红框部分内容吗？
image.png905948791.png

目前在使用了设计器的情况下，无法完全将上方工具栏隐藏。不过我们14.2之后的设计器推出了一个叫toolbar的模式，相当于是对小屏设备或者移动端设备做了优化，你可以看下是否符合你的需求
image.png673011169.png

chaiwei · chaiwei

Derrick.Jiao 发表于 2021-10-11 15:28
请问你是想只显示红框部分内容吗？

红框部分，设计器是不隐藏的。
另外要给他留个退出全屏的按钮，因为正常来说他们不知道F11和esc

Derrick.Jiao · Derrick.Jiao

chaiwei 发表于 2021-10-13 09:53
红框部分，设计器是不隐藏的。
另外要给他留个退出全屏的按钮，因为正常来说他们不知道F11和esc

首先需要明确一点的是F11全屏是指将操作系统的任务栏以及浏览器上方的工具栏隐藏并非值将页面的某一个元素隐藏。
设计器的大小取决于承载他的DOM元素的大小，如需在整个页面只显示设计器而不显示左侧蓝色部分的菜单栏，请调整这两部分的元素的大小。也就是说，如果你需要加两个按钮一个用于放大一个用于缩小，那么放大按钮的逻辑是将左侧元素隐藏或者缩小，而右侧设计器的元素的宽高进行放大；相反，如果需要缩小回现在显示的效果，则需将左侧的元素显示或者恢复至原样，右侧元素宽高也调整至原来的大小。
image.png451101073.png

chaiwei · chaiwei

用全屏时把其他元素隐藏解决了，不过完全不考虑支持部分全屏的requestFullscreen()吗？因为这需要额外编写很多兼容代码，特别是布局框架有自适应的情况。

Derrick.Jiao · Derrick.Jiao

chaiwei 发表于 2021-10-29 18:08
用全屏时把其他元素隐藏解决了，不过完全不考虑支持部分全屏的requestFullscreen()吗？因为这需要额外编写 ...

我们作为一个表格控件，无法将所有的情况都集成到控件本身。控件相当于是一个“地基”，用户需要盖什么样的“楼”，需要请工人进行建筑（二次开发）。

另外，上面也有说明，设计器的大小取决于承载他的DOM元素的大小，如果调整设计器的大小，请调整设器的DOM元素，并按需将其他元素隐藏。

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

[已处理] 在非body元素上开启全屏后，选择颜色等弹框无法显示

9 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证

微信认证勋章

元老葡萄