SpreadJS在线表格编辑器自定义功能 -- 单元格格式对话框添加字体选项

清泉自涌

本帖最后由 dexteryao 于 2021-2-3 14:03 编辑

上一期，我们设置了开始菜单上的字体。我们发现在右键菜单的单元格格式中仍然有设置字体的下拉菜单，之前的设置在这里不生效。所以这部分需要单独设置。 image.png800175170.png

本期我们会讲解单元格格式中的字体相关设置：
这里设置跟上一期有些不同，首先的对话框是一个template，需要通过getTemplate方法来获取

var formatDialogTemplate = GC.Spread.Sheets.Designer.getTemplate(GC.Spread.Sheets.Designer.TemplateNames.FormatDialogTemplate)

复制代码

之后的步骤有些麻烦，按照如下图所示的层级关系知道对应的组件位置：
image.png87464598.png

之后给组件中push字体

formatDialogTemplate.content[0].children[2].children[0].children[0].children[0].children[1].items.push({text: "微软雅黑", value: "微软雅黑"})

复制代码

最后通过registerTemplate将我们修改过后的template覆盖进去

GC.Spread.Sheets.Designer.registerTemplate(GC.Spread.Sheets.Designer.TemplateNames.FormatDialogTemplate, formatDialogTemplate)

复制代码

刷新浏览器，我们就可以看到结果了

image.png41874083.png

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

0 个回复