原标题:实现SpreadJS的自定制批注

SpreadJS纯前端表格控件是基于HTML5的Java电子表格和网格功能控件,适用于.NET、Java和移动端等各平台在线编辑类Excel功能的表格程序开发。

本文介绍了如何实现SpreadJS的自定制批注。

1. 你可以定制批注, 比如格式化批注的文本,设置批注的边框、位置、大小等等。

2. 在你添加批注之前, 你可以使用 text 方法来设置文本。批注的位置和大小也能够设置。比如:

3. 如果你在调整行高或者列宽的时候, 不想要批注的位置以及大小跟着调整, 你可以使用 dynamicMove 和 dynamicSize 方法来设置,例如:

comment.dynamicMove(false);

comment.dynamicSize(false);

如果批注的 dynamicMove 设置是 false 并且 dynamicSize 设置是 true,则不会有任何影响。

4. 在你编辑完批注的文本后,你可以格式化文本, 比如字体, 文本修饰等,比如:

5. 你可以给批注添加一个边框, 批注的边框设置格式类似于标准 DOM 的边框设置。例如:

comment.borderStyle('dotted');

comment.borderWidth(5);

comment.borderColor('red');

6. 当批注互相叠加的时候,你可以通过 zIndex 来设置批注的层叠顺序。

comment1.zIndex(100);

comment2.zIndex(101);

7. 如果你不想要用户通过用户界面来改变批注,你可以使用 lock 方法来锁定它。 不过在锁定批注之前,你需要锁定表单。 如果你仅仅是不想要用户编辑文本,你可以使用 lockText 方法来锁定文本。

sheet.options.isProtected = true;

comment.lock(true);

comment.lockText(true);

效果展示:

快人一步,免费试用

试用SpreadJS,请通过以下方式联系我们:

微信:GrapeCityDT

邮件:marketing.xa@grapecity.com

官网:www.gcpowertools.com.cn返回搜狐,查看更多

责任编辑:

js对文字批注_实现SpreadJS的自定制批注相关推荐

  1. pdf.js批注_使用反射处理Java批注

    pdf.js批注 在上一篇有关Java注释的文章中,我概述了一个最近的用例,并为您提供了一些自定义注释的示例以及如何使用它们. 在本文中,我将更进一步,并提供一些自定义注释的示例,以及如何使用Java ...

  2. js拆字分图程序 _拆分古籍_梦溪笔谈方法

    js拆字分图程序 _拆分古籍_梦溪笔谈方法 前言 javascript古籍文字拆分 --图片拆分程序使用方法 古籍文字拆分图片程序 拆分手写字 能拆分雪碧图 能拆分透明png图 能切割网格图 能拆分编 ...

  3. JS数据结构与算法_链表

    上一篇:JS数据结构与算法_栈&队列 下一篇:JS数据结构与算法_集合&字典 写在前面 说明:JS数据结构与算法 系列文章的代码和示例均可在此找到 上一篇博客发布以后,仅几天的时间竟然 ...

  4. php 让字体闪烁,js实现文字闪烁特效的方法

    本文实例讲述了基于jquery实现省市联动特效的代码,分享给大家供大家参考,具体如下: 运行效果图: 实现原理:使用style对象来设置css属性,结合定时器就可以实现js实现文字闪烁特效. 具体代码 ...

  5. 文字转语音+html5,JS实现文字转语音并播放

    html: div> audio> div> js: function doTTS() { var ttsDiv = document.getElementById('bdtts_d ...

  6. 使用JS实现文字搬运工

    使用JS实现文字搬运工 效果图: 代码如下,复制即可使用: <!DOCTYPE html> <html><head><meta http-equiv=&quo ...

  7. php实现文字向左跑马灯,js实现文字跑马灯效果

    js实现文字超过显示宽度每间隔1s自动向左滚动显示 *{ margin:0; padding:0;} body{font:12px/1 '微软雅黑';} .wrapper{font-size: 0.8 ...

  8. JS控制文字只显示两行,超出部分显示省略号

    JS控制文字只显示两行,超出部分显示省略号 由于使用css控制文字只显示多行,超出部分显示省略号,存在一定的兼容性问题,所以总结了一下网上一些大咖使用js实现控制行数的解决方案. 第一步:依次引入jq ...

  9. JS字符串过滤数字_过滤大写数字

    JS字符串过滤数字_过滤大写数字 代码案例: //数字替换 if(data.summary){data.summary=data.summary.replace(/[\d|壹|贰|叁|肆|伍|陆|柒| ...

最新文章

  1. gulp复制整个文件夹或文件到指定目录(包括拷贝单个文件)
  2. WebRTC第六步:下载webrtc
  3. 将html代码转换为dom,将HTML字符转换为DOM节点并动态添加到文档中
  4. Spark 键值对RDD操作
  5. Too many open files 问题的解决
  6. vue HTTP 请求(vue-resource)
  7. 【回血赠书第6期】拯救吃圭人,不剁手也能实现11月新书自由!
  8. php递归源码,PHP递归算法的实例程序
  9. 如何把平板(pad)作为笔记本电脑的分屏详细教程
  10. 百度翻译vs谷歌翻译
  11. java集合根据条件筛选数据
  12. C# 上传本地文件到远程共享文件夹,从远程共享文件夹下载文件到本地
  13. Unity 中的4X4矩阵
  14. 安装Python3.6.3+spyder
  15. C++入门到精通。(五、C++的运算符。)
  16. CentOS下的服务器审计系统:script
  17. [渝粤教育] 西南科技大学 土力学基础工程 在线考试复习资料(1)
  18. NAT详解(网络地址转换)
  19. 星域CDN荣获2016“最值得信赖CDN解决方案奖”
  20. 类似于金山打字的小游戏

热门文章

  1. 【活动推荐】北京泛娱乐行业技术沙龙——新技术助力内容产业破局之道
  2. 【linux高级程序设计】(第十二章)Linux多线程编程 4
  3. AWS - EC2 Micro Instance 添加 SWAP 分区
  4. 拼接字符SQL语句拼接 最后一个字符多出 处理方式
  5. 基础才是重中之重~.net中的显式事务与隐式事务
  6. 第一章 TensorFlow基础——python语法(一)
  7. sonarqube中,分析maven聚合工程时,不必分析parent工程,只需分析下面的module子工程即可
  8. vue计算属性:computed示例
  9. Skaffold:让K8S开发工作变得简单
  10. Spark on k8s提交测试任务失败报错解决办法:User “system:serviceaccount:default:default“ cannot get resource “pods