找回密码
 立即注册

QQ登录

只需一步,快速开始

littleknife

高级会员

197

主题

449

帖子

1852

积分

高级会员

积分
1852
littleknife
高级会员   /  发表于:2023-11-10 16:04  /   查看:1322  /  回复:11
10金币
如图,想实现类似于在线编辑器这种选中效果,区别于选中区域 image.png513640746.png

最佳答案

查看完整内容

您好,如果是这样子的话,您直接设置边框颜色即可。 https://demo.grapecity.com.cn/spreadjs/help/api/classes/GC.Spread.Sheets.Style#borderleft

11 个回复

倒序浏览
最佳答案
最佳答案
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2023-11-10 16:04:44
来自 12#
littleknife 发表于 2023-11-17 18:16
因为这个是条件格式作用的区域,希望能直观的看到,不需要任何交互

您好,如果是这样子的话,您直接设置边框颜色即可。
https://demo.grapecity.com.cn/sp ... ts.Style#borderleft
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2023-11-10 17:35:47
2#
您好,猜测您想实现单元格状态

https://demo.grapecity.com.cn/sp ... introduction/purejs
https://demo.grapecity.com.cn/sp ... olumn-states/purejs
同时也录下了动图供您参考
如果上述回复不能满足您的需求,建议您再详细描述下您的需求。


GIF 2023-11-10 17-35-10.gif
回复 使用道具 举报
littleknife
高级会员   /  发表于:2023-11-17 10:01:59
3#
Ellia.Duan 发表于 2023-11-10 17:35
您好,猜测您想实现单元格状态

https://demo.grapecity.com.cn/sp ... introduction/purejs

我们是想要类似于这种效果,这里的场景是,鼠标进入选项时,能够将选中的单元格边框高亮,也就是能够手动的去设置单元格边框高亮,请问这种也是自定义单元格实现的吗,还是通过设置样式实现 image.png330704650.png
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2023-11-17 11:55:09
4#
您好,如果只是修改边框样式,可以通过下面的代码去修改其css样式

  1.     <style>
  2.         .gc-selection
  3.         {
  4.             border-color: red;
  5.         }
  6.     </style>
复制代码
如下图所示,选中的边框变为了红色
image.png967944641.png
回复 使用道具 举报
littleknife
高级会员   /  发表于:2023-11-17 14:24:47
5#
Ellia.Duan 发表于 2023-11-17 11:55
您好,如果只是修改边框样式,可以通过下面的代码去修改其css样式

如下图所示,选中的边框变为了红色

不是这样子的,是我比如说当前鼠标移动到某个dom元素上(不在spread上面),我需要将A1单元格高亮,以提示用户说当前这个元素生效的区域是A1
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2023-11-17 14:51:08
6#
您好,您可以调用下这个api看否可以解决您的问题
sheet.setActiveCell(5,5)
通过以上代码,F6单元格被选中。
回复 使用道具 举报
littleknife
高级会员   /  发表于:2023-11-17 14:56:18
7#
Ellia.Duan 发表于 2023-11-17 14:51
您好,您可以调用下这个api看否可以解决您的问题
sheet.setActiveCell(5,5)
通过以上代码,F6单元格被选 ...

但是多选的情况怎么处理呢
回复 使用道具 举报
Ellia.DuanSpreadJS 开发认证
超级版主   /  发表于:2023-11-17 14:59:59
8#
sheet.setSelection(0,0,11,1);
回复 使用道具 举报
littleknife
高级会员   /  发表于:2023-11-17 15:06:02
9#
Ellia.Duan 发表于 2023-11-17 14:59
sheet.setSelection(0,0,11,1);

这个不太能满足我们的需求,我们需要的是:1、类似于selection这样的手动设置选中效果,但是可以多选不连续的区域。2、这个选中最好是跟selection的选中是分开的
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部