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

收藏

本帖最后由 johnly 于 2019-4-28 17:14 编辑

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

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

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

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

感谢。

johnly · johnly

还有一个需求

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

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

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

KevinChen · KevinChen

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

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

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

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

/*
测试地址：
https://demo.grapecity.com.cn/SpreadJS/TutorialSample/demos/outlineColumn.html
*/
var spread = GC.Spread.Sheets.findControl("ss");
var spCommandManager = spread.commandManager();
/*
取消 ctrl+alt+[ 和 ctrl+alt+]
*/
spCommandManager.setShortcutKey(null, 219, true, false, true, false);
spCommandManager.setShortcutKey(null, 221, true, false, true, false);

复制代码

API地址：

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

johnly · johnly

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

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

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

KevinChen · KevinChen

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

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

johnly · johnly

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

image.png755732726.png

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

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

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

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

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

johnly · johnly

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

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

请看6楼。谢谢。

KevinChen · KevinChen

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

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

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

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

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

johnly · johnly

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

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

好的，谢谢。

KevinChen · KevinChen

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

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

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

9 个回复

微信认证勋章

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证