本帖最后由 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'
- }
复制代码
点击这里,跳转在线体验实现效果。
|
|