找回密码
 立即注册

QQ登录

只需一步,快速开始

Fiooona
论坛元老   /  发表于:2019-5-15 16:43  /   查看:3007  /  回复:0
本帖最后由 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= {
    allowSelectLockedCellstrue
    ...
    }
8 分组列
     sheet.outlineColumn.options({columnIndex:index})
    配合缩进使用
    sheet.getCell(1,0).value('Java SE5 and SE6').textIndent(1);

希望这个视频能给刚开始使用SpreadJS的小伙伴带来帮助,
对这系列的视频如果有什么建议意见可以在楼下回复~ 需要大家的反馈ヽ(′o`有关于表单的问题,可以在帖子下讨论,如有需要可以下载视频中的示例代码






sheetDemo2.rar

3.39 KB, 下载次数: 121

字体公式...

sheetDemo3_protect_outlineCol.zip

6.25 KB, 下载次数: 103

sheetdemo2_vue.rar

92.95 KB, 下载次数: 68

sheetdemo3_vue.rar

67.57 KB, 下载次数: 68

sheetDemo3-react.zip

163.62 KB, 下载次数: 70

sheetDemo2-react.zip

160.78 KB, 下载次数: 53

组件化表格编辑器(预览版)试用进行中,点击了解详情!
请点击评分,对我的服务做出评价!5分为非常满意!

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部