Clark.Pan 发表于 2020-12-31 11:56:14

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

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

上一期,我们设置了开始菜单上的字体。我们发现在右键菜单的单元格格式中仍然有设置字体的下拉菜单,之前的设置在这里不生效。所以这部分需要单独设置。
本期我们会讲解单元格格式中的字体相关设置:
这里设置跟上一期有些不同,首先的对话框是一个template,需要通过getTemplate方法来获取
var formatDialogTemplate = GC.Spread.Sheets.Designer.getTemplate(GC.Spread.Sheets.Designer.TemplateNames.FormatDialogTemplate)
之后的步骤有些麻烦,按照如下图所示的层级关系知道对应的组件位置:

之后给组件中push字体
formatDialogTemplate.content.children.children.children.children.children.items.push({text: "微软雅黑", value: "微软雅黑"})最后通过registerTemplate将我们修改过后的template覆盖进去
GC.Spread.Sheets.Designer.registerTemplate(GC.Spread.Sheets.Designer.TemplateNames.FormatDialogTemplate, formatDialogTemplate)刷新浏览器,我们就可以看到结果了





页: [1]
查看完整版本: SpreadJS在线表格编辑器自定义功能 -- 单元格格式对话框添加字体选项