Fiooona 发表于 2019-5-15 16:43:48

SpreadJS 入门系列课程 (五):表单Ⅱ

本帖最后由 lynn512 于 2020-7-13 11:25 编辑

文章末尾处有视频中的示例代码可以下载(Vue代码已更新):s!Ui:
视频主要内容:公式
字体
样式
单元格内边距和标签
选择单元格
表单行为和自定义行为
表单保护和分组列

http://video1.grapecity.com.cn/SpreadJS/online/SpreadJS%E5%85%A5%E9%97%A8%E7%B3%BB%E5%88%97%E8%AF%BE%E7%A8%8B%EF%BC%88%E4%BA%94%EF%BC%89.mp4常用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);https://gcdn.grapecity.com.cn/static/image/hrline/1.gif
希望这个视频能给刚开始使用SpreadJS的小伙伴带来帮助,{:3_62:}
对这系列的视频如果有什么建议意见可以在楼下回复~ 需要大家的反馈ヽ(′o`有关于表单的问题,可以在帖子下讨论,如有需要可以下载视频中的示例代码






页: [1]
查看完整版本: SpreadJS 入门系列课程 (五):表单Ⅱ