如何自定义在表格上增加标记？

收藏

请问可以在如图所示的左上角增加标记吗，谢谢！

Clark.Pan · Clark.Pan

您好，如果是单纯加一个标记，那么您可以使用自定义单元格然后继承 GC.Spread.Sheets.CellTypes.Text()，重写paint方法，在其中通过html5canvas绘制三角形的角标于左上角。
附件是一个demo绘制的是五角星，您只要在绘制五角星的代码处改为绘制三角形于左上角即可。

qiangzai · qiangzai

ClarkPan 发表于 2017-8-15 12:32
您好，如果是单纯加一个标记，那么您可以使用自定义单元格然后继承 GC.Spread.Sheets.CellTypes.Text()，重 ...

已达到想要效果，谢谢

qiangzai · qiangzai

目前遇到有两个问题:
1、使用canvas进行渲染时，如果我选择的数量过多，比如30-40个格子，渲染就会有等待
2、如何区域性取消我用canvas画的图
谢谢解答

qiangzai · qiangzai

qiangzai 发表于 2017-8-15 15:10
目前遇到有两个问题:
1、使用canvas进行渲染时，如果我选择的数量过多，比如30-40个格子，渲染就会有等待
...

第一个效率低的问题解决了。使用
spread.suspendPaint();
渲染逻辑
spread.resumePaint();
第二个问题请问我应该如何去除我自己定义的样式？恢复到默认

Clark.Pan · Clark.Pan

您好：
以之前的demo为例，设置sheet.getRange(-1, 1, -1, 1).cellType(new GC.Spread.Sheets.CellTypes.Text());即可恢复为默认的单元格

qiangzai · qiangzai

ClarkPan 发表于 2017-8-15 17:12
您好：
以之前的demo为例，设置sheet.getRange(-1, 1, -1, 1).cellType(new GC.Spread.Sheets.CellTypes ...

版主您好，当我把自定义样式后的模板，转换成json保存到数据库后，重新读取保存的json生成excel，报了下面这个错，请问是什么原因呢？
gc.spread.sheets.all.10.2.0.min.js:37 Uncaught TypeError: h.paint is not a function
at ca.SI (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.TI (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.GI (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.DI (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.AI (gc.spread.sheets.all.10.2.0.min.js:37)
at ca._l (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.jp (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.repaint (gc.spread.sheets.all.10.2.0.min.js:37)
at pa.repaint (gc.spread.sheets.all.10.2.0.min.js:28)
at ta.$v (gc.spread.sheets.all.10.2.0.min.js:31)

我生成的json
{"version":"10.2.0","sheets":{"Sheet1":{"name":"Sheet1","activeRow":3,"activeCol":3,"data":{"dataTable":{"3":{"3":{"style":{"cellType":{"size":10}}},"4":{"style":{"cellType":{"size":10}}},"5":{"style":{"cellType":{"size":10}}},"6":{"style":{"cellType":{"size":10}}}},"4":{"3":{"style":{"cellType":{"size":10}}},"4":{"style":{"cellType":{"size":10}}},"5":{"style":{"cellType":{"size":10}}},"6":{"style":{"cellType":{"size":10}}}},"5":{"3":{"style":{"cellType":{"size":10}}},"4":{"style":{"cellType":{"size":10}}},"5":{"style":{"cellType":{"size":10}}},"6":{"style":{"cellType":{"size":10}}}},"6":{"3":{"style":{"cellType":{"size":10}}},"4":{"style":{"cellType":{"size":10}}},"5":{"style":{"cellType":{"size":10}}},"6":{"style":{"cellType":{"size":10}}}}},"defaultDataNode":{"style":{"themeFont":"Body"}}},"rowHeaderData":{"defaultDataNode":{"style":{"themeFont":"Body"}}},"colHeaderData":{"defaultDataNode":{"style":{"themeFont":"Body"}}},"selections":{"0":{"row":3,"rowCount":4,"col":3,"colCount":4},"length":1},"theme":"Office2007","index":0}}}

qiangzai · qiangzai

ClarkPan 发表于 2017-8-15 17:12
您好：
以之前的demo为例，设置sheet.getRange(-1, 1, -1, 1).cellType(new GC.Spread.Sheets.CellTypes ...

版主您好，当我把自定义样式后的模板，转换成json保存到数据库后，重新读取保存的json生成excel，报了下面这个错，请问是什么原因呢？
gc.spread.sheets.all.10.2.0.min.js:37 Uncaught TypeError: h.paint is not a function
at ca.SI (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.TI (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.GI (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.DI (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.AI (gc.spread.sheets.all.10.2.0.min.js:37)
at ca._l (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.jp (gc.spread.sheets.all.10.2.0.min.js:37)
at ca.repaint (gc.spread.sheets.all.10.2.0.min.js:37)
at pa.repaint (gc.spread.sheets.all.10.2.0.min.js:28)
at ta.$v (gc.spread.sheets.all.10.2.0.min.js:31)

我生成的json
{"version":"10.2.0","sheets":{"Sheet1":{"name":"Sheet1","activeRow":3,"activeCol":3,"data":{"dataTable":{"3":{"3":{"style":{"cellType":{"size":10}}},"4":{"style":{"cellType":{"size":10}}},"5":{"style":{"cellType":{"size":10}}},"6":{"style":{"cellType":{"size":10}}}},"4":{"3":{"style":{"cellType":{"size":10}}},"4":{"style":{"cellType":{"size":10}}},"5":{"style":{"cellType":{"size":10}}},"6":{"style":{"cellType":{"size":10}}}},"5":{"3":{"style":{"cellType":{"size":10}}},"4":{"style":{"cellType":{"size":10}}},"5":{"style":{"cellType":{"size":10}}},"6":{"style":{"cellType":{"size":10}}}},"6":{"3":{"style":{"cellType":{"size":10}}},"4":{"style":{"cellType":{"size":10}}},"5":{"style":{"cellType":{"size":10}}},"6":{"style":{"cellType":{"size":10}}}}},"defaultDataNode":{"style":{"themeFont":"Body"}}},"rowHeaderData":{"defaultDataNode":{"style":{"themeFont":"Body"}}},"colHeaderData":{"defaultDataNode":{"style":{"themeFont":"Body"}}},"selections":{"0":{"row":3,"rowCount":4,"col":3,"colCount":4},"length":1},"theme":"Office2007","index":0}}}

Clark.Pan · Clark.Pan

qiangzai 发表于 2017-8-15 17:32
版主您好，当我把自定义样式后的模板，转换成json保存到数据库后，重新读取保存的json生成excel，报了下 ...

您好，如果自定义的功能要用到导入导出json,是需要进行序列化的，相关文档可以参考：
http://demo.gcpowertools.com.cn/ ... customItemSerialize
另外，自定义的功能是无法导入到Excel中的，因为Excel没有相关功能。这点需要提醒您。

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

[已处理] 如何自定义在表格上增加标记？

8 个回复

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄