Derrick.Jiao 发表于 2022-6-13 13:46:28

【SpreadJS V15.1 新特性介绍】 单元格区域支持直接设置样式

朋友们,是否还在为区域设置样式而烦恼?是否还在为写循环而苦恼?在即将正式发布的15.1中,我们正式支持了给cellRange设置样式。

在15.1之前,因为setStyle只能给单个单元格或者整行整列设置样式。如果需要给区域设置样式,就需要写循环来遍历区域中的单元格,相对来说不够优雅。
let style = new GC.Spread.Sheets.Style();
style.backColor = "red"
for (let row = 0; row <= 10; row++) {
    for (let col = 0; col < sheet.getColumnCount(); col++) {
      sheet.setStyle(row, col, style.clone())
    }
}

在15.1,我们在cellRange上新增了setStyle接口,使得可以在区域上设置样式。
sheet.getRange(0,0,10,sheet.getColumnCount()).setStyle(style));

同样,在15.1之前,设置命名样式也有这样一个烦恼。
let style = new GC.Spread.Sheets.Style();
style.name = "backColorStyle"
style.backColor = "red"
sheet.addNamedStyle("backColorStyle")
for (let row = 0; row <= 10; row++) {
    for (let col = 0; col < sheet.getColumnCount(); col++) {
      sheet.setStyleName(row, col, "backColorStyle")
    }
}

现在,我们可以通过cellRange上新增的setStyleName解决。
sheet.getRange(0,0,10,sheet.getColumnCount()).setStyleName("backColorStyle");

页: [1]
查看完整版本: 【SpreadJS V15.1 新特性介绍】 单元格区域支持直接设置样式