SpreadJS样式一键切换

https://demo.grapecity.com.cn/sp ... /cells/basic-style#

SpreadJS 支持给样式设置一个名称, 并将这个命名过的样式加入到表单的名称样式集合中。这样让样式的使用和管理更方便。你可以构造一个名称样式, 并将此样式添加到表单或者 Spread 控件的名称样式集合中。

1. var style = new GC.Spread.Sheets.Style();
   
2.     style.name = 'style1';
   
3.     style.backColor = 'red';
   
4.     //add to spread's named style collection.

复制代码

通过使用named style（名称样式）可以实现样式统一管理，对同一套模板，在不同场景下只需要更改样式内容即可一键切换样式。

1. var style = spread.getNamedStyle('style1');
   
2. style.backColor = 'red';
   
3. spread.addNamedStyle(style);
   

复制代码

SpreadJS设计器中也可以使用named style（名称样式）功能

1. 新建named style（名称样式）

设置样式名称，编辑样式内容，点击确定保存

2.选择区域设置样式

3.修改名称样式，更新内容

所有使用改名称样式单元格自动更新

如果单元格类型改了，换成checkbox这种的背景色也能换吗？

您好，这边在 在线表格编辑器 测试，单元格类型 CheckBox 也是可以使用此方式设置样式的。如下图：


您也可以实际测试下