单元格边框样式怎么恢复到初始样式

收藏

本帖最后由三三于 2022-9-7 18:39 编辑

业务场景是这样的,校验所有单元格内容,如果内容含特殊字符,将该单元格边框样式设置为红色,用户删除特殊字符后,边框恢复之前样式,怎么恢复之前样式?有可能单元格每一列单元格初始背景色和单元格边框样式不一致,如何回复到之前样式

沉沉 · 沉沉

本帖最后由沉沉于 2022-9-7 14:50 编辑

首先校验所有单元格，如果包含特殊字符，变为红色边框，如果修改后没有特殊字符，则恢复默认样式。这里可以用正则表达式进行数据验证可以先参考这篇文章
https://gcdn.grapecity.com.cn/showtopic-54393-1-1.html

在此基础上，修改正则表达式为：

sheet.setArray(10,0,[['ab!c'],['*'],['123@'],['~!@#'],[678],['!'],['我']])
spread.options.highlightInvalidData = true;
var nCondition = new MyCondition("[`~!@#$%^&*()_+<>?:"{},.\\/;\'[\\]]");
var dv9 = new GC.Spread.Sheets.DataValidation.DefaultDataValidator(nCondition);
dv9.type(GC.Spread.Sheets.DataValidation.CriteriaType.custom);
dv9.highlightStyle({
type: GC.Spread.Sheets.DataValidation.HighlightType.icon,
color: "red",
position:
GC.Spread.Sheets.DataValidation.HighlightPosition.between,
});
for (let i = 10; i <= 16; i++) {
sheet.setDataValidator(i, 0, dv9);
}
function MyCondition (reg){
this.reg = reg;
GC.Spread.Sheets.ConditionalFormatting.Condition.apply(this, arguments);
}
MyCondition.prototype = new GC.Spread.Sheets.ConditionalFormatting.Condition();
MyCondition.prototype.evaluate = function (evaluator, baseRow, baseColumn, actualObj) {
var reg = new RegExp(this.reg);
if (!reg.test(actualObj)) {
// console.log('包含特殊字符',actualObj)
return true;
}else{
// console.log('不包含特殊字符',actualObj)
return false;
}
};

复制代码

最后实现效果为：

对于您说的这句话“有可能单元格每一列单元格初始背景色和单元格边框样式不一致,如何回复到之前样式”
不太明白您的需求。

三三 · 三三

沉沉发表于 2022-9-7 14:46
首先校验所有单元格，如果包含特殊字符，变为红色边框，如果修改后没有特殊字符，则恢复默认样式。这里可以 ...

自定义的数据验证会和Excel自带的数据验证冲突吗？例如Excel中某一列设置长度不能超过4，然后再按照如上处理，长度校验会不会丢失?

Ellia.Duan · Ellia.Duan

本帖最后由 Ellia.Duan 于 2022-9-7 18:02 编辑

经调研，不能为同一个单元格设置两种及以上的数据验证方式。如果您这边为数据设置了长度限制，那么是否包含特殊字符，只能通过遍历单元格，然后获取单元格内容，对其手动验证。
您在问题中提到了如何重置样式？
当用户在单元格中删除特殊字符后，触发事件，此时可以重置样式。

//清除某个区域的样式
sheet.clear(0,0,1,2,GC.Spread.Sheets.SheetArea.viewport,GC.Spread.Sheets.StorageType.style);
//获取某个单元格后清除样式
sheet.getCell(4,0).clear(GC.Spread.Sheets.StorageType.style);
sheet.setStyle(4,0,null)
sheet.getRange(0,0,1,2).setStyle(new GC.Spread.Sheets.Style())

复制代码

可以通过clear方法清除样式，也可以直接设置null。

或者在之前的自定义数据验证中，你同时验证正则表达式和字符串长度，删除之前设置的字符串长度验证，代码如下所示：

MyCondition.prototype.evaluate = function (evaluator, baseRow, baseColumn, actualObj) {
var reg = new RegExp(this.reg);
if(actualObj.length<=4){
if (!reg.test(actualObj) ) {
// console.log('包含特殊字符',actualObj)
return true;
}else{
// console.log('不包含特殊字符',actualObj)
return false;
}
}else{
return false;
}
};

复制代码

其展示效果如下：

但是此用法有一个缺陷是：
两种验证共用一种样式。这个需要您权衡下使用哪种方式。

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

[已处理] 单元格边框样式怎么恢复到初始样式

3 个回复

评分

浏览过的版块

悬赏达人

SpreadJS 认证

SpreadJS 高级认证