编辑框的样式

收藏

单元格进入编辑状态显示的编辑框，我想编辑框的字体和对齐等样式单元格设置的样式一致。例如某单元格是 "红色字体垂直居中对齐隶书 14px " , 我想编辑状态下编辑框也是这样的样式。
可以设置吗？

CCKan · CCKan

在当前版本中，由于标准的 Textarea 不支持垂直居中对齐，所以 SpreadJS 的编辑器也不支持垂直居中对齐，其它格式是支持的。
SpreadJS V11 版有可能会支持编辑状态的垂直居中对齐。

jangogo · jangogo

CCKan 发表于 2017-4-18 12:15
在当前版本中，由于标准的 Textarea 不支持垂直居中对齐，所以 SpreadJS 的编辑器也不支持垂直居中对齐，其 ...

其他的样式怎么设置？编辑框有接口或者方法来让我们来重新定位或者重新定义吗？例如我们获取编辑框这个 textarea ，然后自己赋予样式，或者自己编程来实现垂直居中。一般我们的输入都是单行的，因此我们可以设置输入框只是一行字体的高度，其他使用Margin或者padding来解决。问题是我们不知道怎么可以获取编辑框来自己定义

jangogo · jangogo

现在问题核心变成了：如何获取这个编辑框的textarea，还有进入编辑状态前即显示这个编辑框前有事件吗

CCKan · CCKan

默认情况下编辑器的样式就会保持和单元格的设置一样。
比如： sheet.getRange(1, 1, 2, 2).backColor("red");
你进编辑状态以后还是红色，
如果你想自己获取编辑器，可以重写 Text CellType.activateEditor 方法
      var oldActiveEditor = GC.Spread.Sheets.CellTypes.Text.prototype.activateEditor;
      GC.Spread.Sheets.CellTypes.Text.prototype.activateEditor = function (editorContext, cellStyle, cellRect, event, context, startEditByKeyDown) {
         var editor = editorContext;
         editor.style.backgroundColor = "green";
         return oldActiveEditor.call(this, editorContext, cellStyle, cellRect, event, context, startEditByKeyDown);
      }