CellTypes.CheckBox能改变边框颜色吗？

登录

本帖最后由 Richard.Huang 于 2023-11-23 14:07 编辑

产品：SpreadJS
版本：V16.2.2

CellTypes.CheckBox想实现类似于页面的disabled属性样式。看起来就不可以点的样式。目前只把单元格锁住了，但是边框颜色能改变吗?

Richard.Huang · Richard.Huang

您好，目前仅支持修改复选框图标的大小，其余不支持
如果有这样的需求可以考虑用自定义单元格自己实现一个复选框
类似例子可以参考：
https://demo.grapecity.com.cn/Sp ... #/demos/radioButton

HJ-LY · HJ-LY

Richard.Huang 发表于 2023-10-26 16:10
您好，目前仅支持修改复选框图标的大小，其余不支持
如果有这样的需求可以考虑用自定义单元格自己实现一个 ...

没太看懂。。。有没有vue自定义的案例

Richard.Huang · Richard.Huang

HJ-LY 发表于 2023-10-27 10:29
没太看懂。。。有没有vue自定义的案例

您好，自定义单元格类型的Vue框架的示例我们在学习指南中是可以查看的，您可以参考这篇自定义单元格类型的Vue框架实现：https://demo.grapecity.com.cn/sp ... ll-types/custom/vue

HJ-LY · HJ-LY

Richard.Huang 发表于 2023-10-27 14:19
您好，自定义单元格类型的Vue框架的示例我们在学习指南中是可以查看的，您可以参考这篇自定义单元格类型 ...

自定义可以解决，但是就是稍微有点麻烦，还是希望能够封装一下。

Richard.Huang · Richard.Huang

HJ-LY 发表于 2023-11-22 09:20
自定义可以解决，但是就是稍微有点麻烦，还是希望能够封装一下。

您好，收到您的需求了，后续我们会对此进行调研，后续有相关进展我们会在本贴中进行回复

HJ-LY · HJ-LY

虽然画出来了，但是由于设置的宽度位置和原始的checkbox不一样，表示有点奇怪。能给个原始checkbox计算宽度和位置的参考一下吗？

MyCellType.prototype.paint = function (ctx, value, x, y, width, height, style, context) {
var checkboxWidth = height/2;
var dx = x + (width - checkboxWidth)/ 2;
var dy = y + (height - checkboxWidth )/ 2;
ctx.beginPath();
ctx.strokeStyle = this.color;
ctx.strokeRect(dx, dy, checkboxWidth, checkboxWidth);
ctx.closePath();
ctx.fill();