找回密码
 立即注册

QQ登录

只需一步,快速开始

Derrick.Jiao 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-10-25 12:12  /   查看:1782  /  回复:0
本帖最后由 Derrick.Jiao 于 2021-10-25 15:06 编辑

通过前面关于ToolbarMode的一些文章的铺垫,相信大家应该对ToolBarMode有一定的了解。如果还没了解的小伙伴可看下下面的截图,就长下面的样子,是不是很熟悉
image.png618417358.png

ToolbarMode是我们为了兼容一些小屏设备推出的新的设计器公式栏。这样,我们的设计器在小屏的设备上即使用了设计器,上方的工具栏也不会占用太多的地方。那么问题来了,当我的屏幕相对较小时,工具栏上的命令会以怎样的优先级进行展示呢?这个就是我们本篇技术文章所要讨论的内容。

在14.2中我们在命令中新增了visiblePriority这个属性,用于设置在ToolBarMode下命令显示的优先级。我们把GC.Spread.Sheets.Designer.ToolBarModeConfig打出来看下,找到ribbon下的命令,可以看到,命令中都有这个属性。一般情况下visiblePriority的范围在1-10之间,数值越小,优先级越低,反之则越高。
image.png495936278.png

除此之外,工具栏上面的三个点就是overflow属性控制。当ButtonGroup下的按钮放不下时,也就是priority不够高时,会被挤到这个overflow的下拉框里面。
image.png517930907.png

可以看下下面的demo,当我们改变窗口的大小时,ribbon上面的command会根据priority的大小调整进行调整,决定是否移动到后面的overflow的下拉菜单里面。
overflow.gif265687560.png

像这些属于buttonGroupName,当完全展示时这些就不会显示。


下载附件即可体验这个demo和查看完整代码。
image.png477355651.png

priority.html

6.54 KB, 下载次数: 14

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部