【工具栏JS实例】JS实现动态修改工具栏展示长度

1. 描述

场景描述：使用填报预览的时候，选中单元格，数值在上方工具栏中会显示出来，但是，如果单元格文字很多，工具栏显示的宽度不够，数值会显示不全，如图：

2. 思路

在填报页面设置上，可以用“加载结束事件”控制自定义单元格展示栏的长度。

3. 操作步骤

点击模板>模板 Web 属性>填报页面设置，选择为该模板单独设置，添加一个加载结束事件，自定义单元格展示栏的长度：

代码如下：

1. $("pre").parents("div:first").css("width",300).end().parents("table:first").css("width",300);

复制代码

4. 预览效果
4.1 PC 端预览效果

保存模板，选择填报预览方式，选中单元格，效果如下图：

注：经过测试，移动端暂不支持该效果。

5. 已完成模板

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\工具栏JS实例\06-JS实现动态修改工具栏展示长度.cpt

模板下载见附件：

写的好！