v14 鼠标悬停到cell上，该cell列的列头变色。移出后恢复原色

收藏

本帖最后由前端小菜鸟于 2025-3-25 15:53 编辑

在14版中没有找到涉及鼠标悬停、移动移出等方法

GC.Spread.Sheets.Events 下没有MouseEnter 、MouseLeave 或者 hover 等方法可以用。

在功能示例中找到类似说明如下：
var style = new GC.Spread.Sheets.Style(); style.backColor = 'blue'; style.foreColor = 'red'; var range = new GC.Spread.Sheets.Range(1,2,3,3); sheet.cellStates.add(range,GC.Spread.Sheets.CellStatesType.hover,style);

但是我的14版中没有CellStatesType

应该如何实现。技术栈是angular

Wilson.Zhang · Wilson.Zhang

您好！14版本支持单元格状态，您可以对列头单元格的hover状态设置样式，当光标悬浮在列头单元格时，列头单元格将显示样式，移开便复原。如下动图所示为14.0.0版本列头单元格hover状态样式效果：
列头单元格hover.gif

可参考如下代码：

var range = new GC.Spread.Sheets.Range(-1, -1, -1, -1);
var hoverStyle = new GC.Spread.Sheets.Style();
hoverStyle.backColor = 'pink';
sheet.cellStates.add(range, GC.Spread.Sheets.CellStatesType.hover, hoverStyle, GC.Spread.Sheets.SheetArea.colHeader);

复制代码

前端小菜鸟 · 前端小菜鸟

CellStatesType会报错

前端小菜鸟 · 前端小菜鸟

Wilson.Zhang 发表于 2025-3-25 17:32
您好！14版本支持单元格状态，您可以对列头单元格的hover状态设置样式，当光标悬浮在列头单元格时，列头单 ...

您好我使用CellStatesType会报错
c7af5e05-ed86-42bd-8e77-66a83fd697ba.jpeg313634642.png

Wilson.Zhang · Wilson.Zhang

前端小菜鸟发表于 2025-3-25 19:16
您好我使用CellStatesType会报错

您好！了解了，我使用angular版本测试下，之后给您同步结论，请您耐心等候。

前端小菜鸟 · 前端小菜鸟

本帖最后由前端小菜鸟于 2025-3-27 11:08 编辑

虽然我们package里引入的是14，但是lib里面这单独放入的这个文件，这个文件也看不出版本，里面没有鼠标悬停之类的可用的方法

Wilson.Zhang · Wilson.Zhang

前端小菜鸟发表于 2025-3-27 11:05
虽然我们package里引入的是14，但是lib里面这单独放入的这个文件，这个文件也看不出版本，里面没有鼠标悬停 ...

不好意思让您久等了，我在14、17、18版本均测试了，向您同步下情况：

1. 使用17、18版本，无论@grapecity-software或@grapecity均可正常使用单元格状态。
2. 使用14版本，只有@grapecity资源可用，不过确实复现了您描述的现象，猜测是d.ts文件中缺少相应类型。

我帮您调研下，待有结论再向您同步，请您耐心等候。

Wilson.Zhang · Wilson.Zhang

本帖最后由 Wilson.Zhang 于 2025-4-1 12:15 编辑

您好！调研后确认14.2.5版本支持单元格状态，如下动图所示，对每个sheet设置了列头（colHeader）单元格hover状态时显示为粉色：
14.2.5_angular_单元格hover状态样式.gif

附件demo中也包含了其他特性，您可以在app.component.html文件中放开相应特性代码的注释即可测试了解。

另外，如下图所示，14.2.5版本spread-sheets的gc.spread.sheets.d.ts文件中已经包含了CellSatetsType的定义：
1743480613404.png856068115.png

建议您在使用spread-sheets的各依赖时统一版本，像您图示中package.json文件中声明的都是14.2.5版本的spread-sheets依赖资源，但是额外引入的GC.Spread.Sheets.d.ts文件的版本不知，而且文件命名格式也不符合规范，如下图所示，所以可能会影响您正常使用。
1743480868145.png212997130.png

Joestar.Xu · Joestar.Xu

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

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

[已处理] v14 鼠标悬停到cell上，该cell列的列头变色。移出后恢复原色

8 个回复

SpreadJS 认证

SpreadJS 高级认证