Winny 发表于 2023-7-6 12:06:44

修改单元格编辑状态边框

本帖最后由 Winny 于 2024-1-30 11:45 编辑

需求背景:根据项目主题设计要求,需要修改单元格编辑状态的默认蓝色边框,如下所示:

实现方案:重写单元格类型上的activeEditor方法,该方法中第一个参数代表的是编辑状态时动态添加的DOM结构,根据该DOM,爬取上两级父级DOM,添加边框相关的方法即可。

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

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

页: [1]
查看完整版本: 修改单元格编辑状态边框