分组列使用如何当前行的数据来显示不同的图标？

具体分组列例子可看分组列官方demo

分组列默认是使用 images 和 showImage 选项来定制不同级别的图标。


sheet.outlineColumn.options({columnIndex: 0, showImage: true, images: ['img/folder.png', './img/leaf1.png', 'img/leaf2.png']});
我的需求是根据每一行的数据类型来显示不同的图标。比如：第一行类型是工程，显示工程图标。第二行是项目，显示项目图标。第三行是子项目，显示子项目图标。

这种需求如何实现呢？或者可以用什么奇淫巧技来替代？    感谢。

还有一个需求

分组列 默认 用户可以通过快捷键改变单元格缩进和分组级别

增加单元格缩进命令: 使用键盘快捷键 'ctrl-atl-]' 增加单元格缩进和分组级别。
减少单元格缩进命令: 使用键盘快捷键 'ctrl-atl-[' 减少单元格缩进和分组级别。

如何禁用这个键盘快捷键命令？

您好，根据您的需求，提出建议方案如下：

1、要根据内容显示不同的ICON，实际上可以用条件格式来实现，参考学习指南：

https://demo.grapecity.com.cn/Sp ... icConditionalFormat

2、禁用快捷键命令，可以用setShortcutKey实现，示例代码如下：

1. /*
   
2. 测试地址：
   
3. https://demo.grapecity.com.cn/SpreadJS/TutorialSample/demos/outlineColumn.html
   
4. */
   
5. 
   
6. var spread = GC.Spread.Sheets.findControl("ss");
   
7. var spCommandManager = spread.commandManager();
   
8. 
   
9. /*
   
10. 取消 ctrl+alt+[ 和 ctrl+alt+]
    
11. */
    
12. spCommandManager.setShortcutKey(null, 219, true, false, true, false);
    
13. spCommandManager.setShortcutKey(null, 221, true, false, true, false);
    

复制代码

API地址：

https://demo.grapecity.com.cn/sp ... setShortcutKey.html

KevinChen 发表于 2019-4-29 10:25
您好，根据您的需求，提出建议方案如下：

1、要根据内容显示不同的ICON，实际上可以用条件格式来实现， ...

我看了条件格式的demo，但是感觉不是很符合我的需求啊。我的icon是需要自己定制的，你的icon是sp自带的。那如果我想要自己定制icon呢？比如icon是一张图片，或者一个字体文件。这种需求如何实现呢？

您好，条件格式的style可以把图片设置成背景，请参考一下这篇API：

https://demo.grapecity.com.cn/sp ... undImageLayout.html

我详细的描述下我的需求。



上图中减号表示展开状态，这个我已经实现了。

减号前面有缩进，缩进根据层级来，层级数值越大，缩进越多。这个我也实现了。

减号后面是一个图标，这个图标就是我想要实现的根据这一行的信息不同，而展示不同的图标。

图标后面就是这个单元格的文字。

你说的背景如何实现我这种需求呢？

KevinChen 发表于 2019-5-5 18:35
您好，条件格式的style可以把图片设置成背景，请参考一下这篇API：

https://demo.grapecity.com.cn/spre ...

请看6楼。谢谢。

很抱歉，这个问题我之前的理解有误，非常抱歉。

条件格式是可以引入第三方图片，但无法精确控制图片的位置。

目前Spread JS尚未支持分组列可以按内容条件设置icon的功能，

此需求我们会提交给研发部门评估，

不排除后续版本能够加入此功能的可能性。

KevinChen 发表于 2019-5-6 17:18
很抱歉，这个问题我之前的理解有误，非常抱歉。

条件格式是可以引入第三方图片，但无法精确控制图片的位 ...

好的，谢谢。

不客气，有问题欢迎继续交流~