修改单元格编辑状态边框

收藏

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

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

实现方案：重写单元格类型上的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'
}

复制代码

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

		自动登录	找回密码
密码			立即注册

0 个回复