JS实现改变选中sheet字体颜色

目录:

1. 问题描述

目前多sheet切换，sheet标签的字体颜色大小均无法设置，当前选中的sheet标签显示不够明显。我们想要下面这种清晰看出来选中的sheet的效果的话，可以通过js进行设置。
222

2. 示例

点击菜单模板>模板web属性>填报预览设置，选择“为该模板单独设置”，添加一个“加载结束”事件。
222

编辑加载结束事件，添加下面的JavaScript代码：

$('.fr-sheetbutton-container-active .fr-sheetbutton-middlepart').css('color', 'red'); $('.fr-sheetbutton-container').bind('click', function() { $('.fr-sheetbutton-container-active .fr-sheetbutton-middlepart').css('color', 'red'); $('.fr-sheetbutton-container:not(.fr-sheetbutton-container-active) .fr-sheetbutton-middlepart').css('color', 'black'); });  
js代码说明：
$('.fr-sheetbutton-container-active .fr-sheetbutton-middlepart').css('color', 'red');   //改变选中的sheet标签字体颜色为红色
$('.fr-sheetbutton-container').bind('click', function() {}   //获取sheet切换点击事件
$('.fr-sheetbutton-container:not(.fr-sheetbutton-container-active) .fr-sheetbutton-middlepart').css('color', 'black');  //将其他未选中的sheet标签字体颜色改为黑色
保存模板，点击填报预览即可查看效果，选中的sheet的字体会变为红色，如下图：

附件列表


主题： 二次开发
标签： 暂无标签

文档内容仅供参考，如果你需要获取更多帮助，请咨询帆软技术支持
关于技术问题，您还可以通过帆软论坛获取帮助，论坛上有非常多的大神，有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题，可以联系帆软传说哥（微信ID：frbiaoge）