找回密码
 立即注册

QQ登录

只需一步,快速开始

Lynn.Dou 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-7-31 18:04  /   查看:2509  /  回复:4
本帖最后由 Lynn.Dou 于 2023-8-2 15:02 编辑

背景:

在前面的文章中,我们学习了如何在组件版设计器中添加中文字体。
https://gcdn.grapecity.com.cn/fo ... 5499&extra=page%3D2

如果你细心观察了,会发现官网组件版设计器已实现了类似的方案:
image.png467838744.png

但是有同学发现,在单元格格式-字体列表处,还未显示中文字体,这块该如何自定制实现呢?让我们一起学习下:
image.png141272887.png

步骤:
首先我们先找到单元格格式所在的template
  1. var stringFormatDialogTemplate = GC.Spread.Sheets.Designer.TemplateNames.FormatDialogTemplate;
  2. var formatDialogTemplate = GC.Spread.Sheets.Designer.getTemplate(stringFormatDialogTemplate);
复制代码
然后找到字体列表所在的数组位置,添加中文字体
  1. formatDialogTemplate.content[0].children[2].children[0].children[0].children[0].children[1].items.unshift(
  2.     {
  3.         text: "微软雅黑",
  4.         value: "微软雅黑"
  5.     }
  6. )
复制代码
将修改后的formatDialogTemplate重新注册回去。
  1. GC.Spread.Sheets.Designer.registerTemplate(stringFormatDialogTemplate, formatDialogTemplate);
复制代码

最后初始化designer,看看效果。
image.png116861266.png

完整代码请参考附件demo。
image.png400525512.png
image.png187407225.png
image.png953200988.png

designer_formatDialog.html

4.06 KB, 下载次数: 307

4 个回复

倒序浏览
陈皮
中级会员   /  发表于:2023-8-2 14:24:52
沙发
图片挂了

image.png323755797.png



评分

参与人数 1金币 +300 收起 理由
Joestar.Xu + 300 赞一个!

查看全部评分

回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-2 14:27:21
板凳

感谢提醒,这边调整一下
回复 使用道具 举报
陈皮
中级会员   /  发表于:2023-8-2 14:32:09
地板
Joestar.Xu 发表于 2023-8-2 14:27
感谢提醒,这边调整一下

回复 使用道具 举报
Joestar.XuSpreadJS 开发认证
超级版主   /  发表于:2023-8-2 15:02:20
5#
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部