修改单元格编辑状态边框
本帖最后由 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]