自定义字号调节按钮的实现
在线表格编辑器的“开始”选项卡中布置了用以增大和减小字号的按钮,同时还存在用于其他设置的功能按钮。SpreadJS支持用户自定义工具栏中的所有按钮,如果用户的使用场景只需要部分原生功能按钮,则可以自行通过修改DefaultConfig实例中的属性值实现工具栏布局调整,当然也可以增加自定义的功能按钮。正是因为对于个性化定义的良好支持,有些需求场景促使用户自定义或改造工具栏布局。在改造的同时,如果需要保持原有的功能,只需要将原有功能对应的命令与自定义功能按钮绑定即可。以自定义字号调节按钮为例,本文将简单介绍实现细则。首先,字号调节按钮对应的功能命令是Designer.setFontSize。其次,分析下Designer.setFontSize命令执行所需的参数,如表1所示。那么,可以将该命令绑定至自定义增大字号按钮和自定义减小字号按钮。以当前字号为基准,增大字号即增大一个单位,减小字号便减小一个单位,当然,每次增大或减小几个单位可自定义。
表1. Designer.setFontSize命令参数
参数名称
参数含义
activeColIndex
活动列索引
activeRowIndex
活动行索引
selections
所选中的区域
sheetName
sheet名称
value
字号大小值
按照如上所述方案,如图1所示即自定义字号调节按钮的功能效果演示。附上demo,以供参考。
图1. 自定义字号调节按钮
问题原帖:https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=228475&page=1&extra=#pid849308
页:
[1]