登录/注册

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容

不圆的珍珠

14 主题	43 帖子	127 积分

积分: 127

675
金币
14
主题
43
帖子

最新发帖

[已处理] 定义Designer中的图标按钮可以使用自定义的组件吗？

不圆的珍珠
注册会员 / 发表于：2024-1-31 10:06 / 查看：2008 / 回复：3

本帖最后由 Richard.Huang 于 2024-2-28 12:17 编辑

产品：SpreadJS
版本：V15

在这个帖子里发现了更换图标的方法，Designer自定义右键菜单，修改图标与文字，
图标可以用DOM元素嘛，自定义了一个组件来展示图标（项目要求用这个组件）
image.png694039001.png

image.png694039001.png

收藏

回复

3 个回复

倒序浏览

Ellia.Duan
超级版主 / 发表于：2024-1-31 11:06:15 推荐

您好，目前只有修改iconClass来达到修改图标的目的。所以如果要改为dom，需要自行将dom元素转换为css类
如下html代码:

<img src="../deleteFont.png" alt="剪切" id="img"></img>

复制代码

js代码：

let src = document.getElementById("img").getAttribute("src");
let style = document.createElement('style')
style.type = 'text/css';
style.innerHTML = `
.copyIcon{
background: url(${src});
}
`
document.querySelector('head').appendChild(style)
newPasteCommand.iconClass='copyIcon';

复制代码

对于您的组件，可以提取出图片资源，参考上述创建style元素的方式，创建图片样式

回复 使用道具举报

Ellia.Duan
超级版主 / 发表于：2024-2-19 15:16:24 板凳

请问通过楼上回复是否可以解决您的问题呢？如果已解决，本贴就先结贴啦。

回复 使用道具举报

Lynn.Dou
超级版主 / 发表于：2024-2-27 12:20:26 地板

您好，由于本帖较长时间没有回复，本帖先做结贴处理了，后续如您有其他问题，欢迎您开新帖提问。

回复 使用道具举报