找回密码
 立即注册

QQ登录

只需一步,快速开始

qubernet

初级会员

24

主题

59

帖子

213

积分

初级会员

积分
213
qubernet
初级会员   /  发表于:2018-12-10 16:07  /   查看:3808  /  回复:3
本帖最后由 qubernet 于 2018-12-10 16:08 编辑

        SpreadJS可以在单元格设置图标,如:cfs.addIconSetRule(1, [new Range(row, col, 1, 1)]);


        但是默认设置的图标显示的位置是在单元格的左侧,能否改变图标显示的位置呢?
        比如显示在单元格的右侧、顶部或底部?


默认的效果:
1.png

3 个回复

倒序浏览
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-12-10 17:21:08
沙发
您好,能否描述一下您的应用场景?

我们会给您提供一个最合理的实现思路。
回复 使用道具 举报
qubernet
初级会员   /  发表于:2018-12-11 09:06:04
板凳
KevinChen 发表于 2018-12-10 17:21
您好,能否描述一下您的应用场景?

我们会给您提供一个最合理的实现思路。

        你好,其实应用场景也挺简单的,目的就是让用户知道某个单元格可以点击,点击后弹出层。


       比如像在前端页面中的select控件一样,右侧有一个小小的向下的三角形图标,类似这种效果。


       昨天向你们提一个问题就是关于单元格设置背景图片的效果,看了你说的解决方案后,其实可以使用一张小图片作为某个单元格的背景图来实现这个效果,这是一种思路。不知道有没有其他思路呢?
回复 使用道具 举报
KevinChen讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2018-12-11 10:14:45
地板
明白了,谢谢您的描述。

根据您的需求,能够方便快速实现的方法,就是单元格的背景图。

当然如果牵扯到单元格的长宽变化时,可能图片定位会存在问题。

当然也有别的思路,您也可以在自定义单元格中对图片进行即时添加和修正位置,

只是无法导出到Excel中。

我上传一个Demo 您参考以下,Demo中重写了单元格类型的paint方法,

paint会接收一个style的参数,可以通过修改这个参数来实现实时样式绘制。

也可以自己用canvas绘制想要的图形。

CustomCellType_Base_Icon.html

2.64 KB, 下载次数: 162

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部