您好,欢迎来到化拓教育网。
搜索
您的当前位置:首页前端控件SpreadJS单元格字体设置

前端控件SpreadJS单元格字体设置

来源:化拓教育网


前端控件SpreadJS单元格字体设置

SpreadJS中Style是我们经常使用的功能,而字体也是其中比较重要的一部分,今天我们详细说说字体的设置使用。

SpreadJS单元格的字体设置是遵守CSS font 属性规则,通过设置SpreadJS中Style的font属性可改变字体样式。例如设置style.font = 'italic small-caps bold 20pt/22pt \"Times New Roman\可以得到如下效果。只需要根据css font 属性规则设置不同参数即可。

SpreadJS并没有提供针对font-size、font-weight等属性的单独设置,如果我们希望更新一个单元格字体的某个属性,可以借助HTML元素。下面代码中我们使用JQuery创建一个DOM元素,将单元格font复制给span,然后使用JQuery的css方法改变font不同属性的内容,最后获取font字符串,重新设置到单元格Style。

$(\"#btnChangeFont\").click(function(){ var cssStyle = activeSheet.getStyle(2,2) || new GcSpread.Sheets.Style(); var fontElement = $(\"\"); fontElement.css(\"font\

fontElement.css(\"font-style\ fontElement.css(\"font-variant\ fontElement.css(\"font-weight\ fontElement.css(\"font-size\ fontElement.css(\"font-family\ cssStyle.font = fontElement.css(\"font\"); activeSheet.setStyle(2,2,cssStyle,GcSpread.Sheets.SheetArea.viewport); });

只要理解了font属性的设置规则,改变字体就不是什么困难的事情了。上面代码执行后效果

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo9.cn 版权所有 赣ICP备2023008801号-1

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务