找回密码
 立即注册

QQ登录

只需一步,快速开始

Winny

超级版主

141

主题

261

帖子

1682

积分

超级版主

Rank: 8Rank: 8

积分
1682
Winny
超级版主   /  发表于:2023-7-6 12:06  /   查看:1908  /  回复:0
本帖最后由 Winny 于 2024-1-30 11:45 编辑

需求背景:根据项目主题设计要求,需要修改单元格编辑状态的默认蓝色边框,如下所示:
image.png906855163.png
实现方案:重写单元格类型上的activeEditor方法,该方法中第一个参数代表的是编辑状态时动态添加的DOM结构,根据该DOM,爬取上两级父级DOM,添加边框相关的方法即可。

核心代码如下所示:
  1. let oldActiveEditorFn = GC.Spread.Sheets.CellTypes.Text.prototype.activateEditor
  2. GC.Spread.Sheets.CellTypes.Text.prototype.activateEditor = function(editorContext,cellStyle,cellRect,context){
  3.   oldActiveEditorFn.apply(this,arguments)
  4.   editorContext.parentNode.parentNode.style.border = '2px solid red'
  5. }
复制代码

点击这里,跳转在线体验实现效果。

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部