找回密码
 立即注册

QQ登录

只需一步,快速开始

Lynn.Dou 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2023-3-23 12:03  /   查看:1022  /  回复:0
本帖最后由 Lynn.Dou 于 2023-3-23 12:04 编辑

背景:
单元格格式这个弹窗大家应该都不陌生,内有内置的各种类型的格式。
有用户反馈,Excel单元格格式中的数值格式,会有”红色负数“这样的格式,但是组件版编辑器里面并没有。
image.png702196349.png
本篇教程就带领大家学习如何在单元格格式弹窗中实现此数值格式的新增。

步骤:
内置单元格格式的数据都是存储在resource中的,先获取看一下内置的数据格式有哪些。
image.png599534606.png
image.png192120360.png
在此基础上新增”红色负数“的单元格格式:

  1. var res = GC.Spread.Sheets.Designer.getResources();
  2. res.negativeNumbers = {
  3.     "-1234.10": "-1234.10",
  4.     "red:1234.10": "1234.10",
  5.     "(1234.10)": "(1234.10)",
  6.     "red:(1234.10)": "(1234.10)",
  7.     "red:-1234.10": "-1234.10"
  8. }
  9. res.numberCategoryFormats = [
  10.     "0",
  11.     "0;[Red]0",
  12.     "0_);(0)",
  13.     "0_);[Red](0)",
  14.     "0;[Red]-0",
  15.     "#,##0",
  16.     "#,##0;[Red]#,##0",
  17.     "#,##0_);(#,##0)",
  18.     "#,##0_);[Red](#,##0)"
  19. ]
复制代码
最近将修改后的res重新setResources回去:
  1. GC.Spread.Sheets.Designer.setResources(res);
复制代码

此时再打开单元格格式弹窗,会发现“红色负数”格式已新增成功。
image.png70213316.png
UI操作看看效果:
image.png297682494.png

0 个回复

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