sj 如何去除单元格的颜色，重新设置新的颜色

Derrick.Jiao

if (item == null) {
      style.name = "success";
      style.backColor = "lightgreen";
      sheet.addNamedStyle(style);
      sheet.setStyle(row, col, style, null);

   } else {
      sheet.removeNamedStyle('success');
      style.name = "error";
      style.backColor = "red";
      sheet.setStyle(item.row, item.col, style, null);
      let styleName = sheet.getStyleName(row, col, GC.Spread.Sheets.SheetArea.viewport);
      console.log(styleName, 'styleName');
   }

   sheet.removeNamedStyle('success'); 这行代码没有去掉上面的设置的颜色，想去掉上面的颜色设置成红色

Derrick.Jiao · Derrick.Jiao

初一呀发表于 2021-8-30 13:59

由您提供的信息这边未能复现您的问题，如需重新设置命名样式，可以参考附件的demo
image.png973503723.png

Derrick.Jiao · Derrick.Jiao

您可以用clear方法清除样式后再重新设置，例如
sheet.clear(0,0,1,1,GC.Spread.Sheets.SheetArea.viewport,GC.Spread.Sheets.StorageType.style);

这是api
https://demo.grapecity.com.cn/sp ... orksheet.html#clear

若仍未解决您的问题建议您提供一个能复现问题的demo，这边调研一下。

初一呀 · 初一呀

Derrick.Jiao 发表于 2021-8-30 11:41
您可以用clear方法清除样式后再重新设置，例如
sheet.clear(0,0,1,1,GC.Spread.Sheets.SheetArea.viewport ...

非常感谢解答，这个APi能清除指定单元格的数据，就是清除不了指定单元格的背景颜色

Derrick.Jiao · Derrick.Jiao

初一呀发表于 2021-8-30 12:01
非常感谢解答，这个APi能清除指定单元格的数据，就是清除不了指定单元格的背景颜色

您需要指定清除的类型
image.png324934081.png

初一呀 · 初一呀

就是没有去除掉这里的颜色

初一呀 · 初一呀

这段代码注销之后设置的颜色就显示出来了 image.png866551818.png

Derrick.Jiao · Derrick.Jiao

初一呀发表于 2021-8-30 13:07
这段代码注销之后设置的颜色就显示出来了

麻烦您在附件的demo复现您的问题并且详细描述您的需求，这边为您调研一下。

初一呀 · 初一呀

<head>
<meta charset="UTF-8" />
<link
rel="stylesheet" type="text/css" />
<script src="http://cdn.grapecity.com/spreadjs/hosted/scripts/gc.spread.sheets.all.14.1.5.min.js"></script>
<script src="http://cdn.grapecity.com/spreadjs/hosted/scripts/interop/gc.spread.excelio.14.1.5.min.js"></script>
<script src="https://cdn.grapecity.com.cn/spreadjs/scripts/jquery-1.11.1.min.js" type="text/javascript"></script>
<style>
.sample-tutorial {
position: relative;
height: 100%;
overflow: hidden;
}
.sample-spreadsheets {
width: calc(100% - 280px);
height: 90%;
overflow: hidden;
float: left;
position: relative;
}
.gc-drop-down-list {
background: red;
}
</style>
</head>
<body>
<div id="ss" class="sample-spreadsheets"></div>
<script>
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), {
sheetCount: 1
});
var sheet = spread.getActiveSheet();
/**
数据都是从后台获取的，不是很好复现
data:[{
row:1,
col:1
},{
row:1,
col:1
},{
row:3,
col:1
}]
首先：刷新页面的时候，后端返回的数据如果excel中存在，就将excel中有此数据的单元格的背景色设置成绿色
如果后端返回第一项的数据和第二项的数据一样，就将excel相应位置的背景色设置成红色
*/
// 1.将row:1,row:2这两列设置成红色
var style = new GC.Spread.Sheets.Style();
style.backColor = 'red';
// style.backColor = 'blue';
sheet.setStyle(1, 1, style, GC.Spread.Sheets.SheetArea.viewport);
sheet.setStyle(3, 1, style, GC.Spread.Sheets.SheetArea.viewport);
//2.由于row:1存在重复数据，所以需要将row:1,这项单元格再设置成其他颜色
// sheet.setStyle(1, 1, style.backColor = 'blue', GC.Spread.Sheets.SheetArea.viewport);
</script>
</body>
</html>

复制代码

初一呀 · 初一呀

非常感谢您的解答，问题已经解决了，谢谢

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

[已处理] sj 如何去除单元格的颜色，重新设置新的颜色

最佳答案

10 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证