本帖最后由 lynn512 于 2020-7-13 11:25 编辑
文章末尾处有视频中的示例代码可以下载(Vue代码已更新)
视频主要内容:公式
字体
样式
单元格内边距和标签
选择单元格
表单行为和自定义行为
表单保护和分组列
常用API
1 公式 sheet.setFormula(2,5,'=SUM(B3,D3)'); 2 字体 Sheet.getCell(2,1).text('不').font('normal normal 15px normal'); Sheet.getCell(5,6).text('式') .vAlign(GC.Spread.Sheets.VerticalAlign.bottom) .hAlign(GC.Spread.Sheets.HorizontalAlign.left); Sheet.getCell(3,7).backColor('gray'); Sheet.getCell(4,7).text('字体色').foreColor('green'); 3 样式 var myStyle= new spreadNS.Style(); myStyle.backColor= 'yellow'; myStyle.foreColor= 'red'; myStyle.isVerticalText= 'true'; StyleSheet.setStyle(2,2,myStyle,GC.Spread.Sheets.SheetArea.viewport); 4 单元格内边距和标签 Sheet.getCell(5,1).text('设置单元格内边距').watermark('请输入姓名:') .cellPadding('20 0 0 15 ').labelOptions({ foreColor: '#333333', visibility: 0, font: '10px Arial', margin: '2 0 0 0' });; 5 选择单元格 sheet.selectionUnit(0);// 单元格 1行 2列 sheet.selectionPolicy(0);// 单元格 1单区域 2多区域 6 表单行为和自定义行为 varcommandManager = spread.commandManager() commandManager.register(...) commandManager.execute(...) 7 表单保护 开启表单保护:sheet.options.isProtected = true; sheet.options.protectionOptions= { allowSelectLockedCells:true ... } 8 分组列 sheet.outlineColumn.options({columnIndex:index}), 配合缩进使用 sheet.getCell(1,0).value('Java SE5 and SE6').textIndent(1);
希望这个视频能给刚开始使用SpreadJS的小伙伴带来帮助,
对这系列的视频如果有什么建议意见可以在楼下回复~ 需要大家的反馈ヽ(′o`有关于表单的问题,可以在帖子下讨论,如有需要可以下载视频中的示例代码
|