模板Web属性

点击模板>模板Web属性，可设置模板基本属性、打印机属性、分页预览设置、填报页面设置、数据分析设置、浏览器背景、引用CSS 或 JavaScript。

基本属性中，可设置标题和报表缓存有效时间。如下图所示：

用户可添加电脑中可搜索到的打印机设备。如下图所示：

分页预览设置页面，仅对 分页预览 模板有效。详情请参见：分页预览

填报页面设置，仅对 填报预览 模板有效。详情请参见： 填报预览 

数据分析设置仅对 数据分析 预览模板生效。详情请参见：数据分析

浏览器背景设置有：没有背景、颜色、纹理、图案、渐变色和图片

设置方式请参见 纸张背景 设置。

注：该设置对移动端无意义。

制作模板时，可以让模板引用自定义的 CSS 样式文件。

注：移动端不支持引用 CSS 文件。

8.1 普通/聚合报表

选择工程目录下的CSS文件，并点击增加，如下图所示：

详细示例请参见： FR 的控件 CSS 样式

注1：只能通过相对路径引用 CSS 。

       如工程目录webroot\help\css下有引用的 CSS 文件 style.css，则相对路径为help/css/style.css。

注2：CSS 文件不可以放到 WEB-INF目录下，无法被读取。

8.2 决策报表

选中任意控件，添加初始化后事件，通过 JS 将 CSS 文件引用到模板中，如下图所示：

JS 代码如下：

$('<link rel="stylesheet" type="text/css" href="/webroot/help/css/test.css"/>').appendTo('head');//将目标 CSS 文件引用到 head 头标签中

制作模板时，用户可让模板引用自定义的 JS 文件。

注：移动端不支持引用 JS 文件。

9.1 普通报表/聚合报表

选择工程目录下的JS 文件，点击增加即可。如下图所示：

注1：用户可通过相对路径引用 JS 。

       如工程目录webroot\help下有引用的 JS 文件 demo.js，则相对路径为 help/demo.js。

注2：用户可通过绝对路径引用 JS 。

       例如：E:\tomcat\webapps\webroot\help\demo.js

注3：JS 文件不可以放到 WEB-INF目录下，无法被读取。

9.2 决策报表

选中任意控件，添加初始化后事件，通过 JS 将 JS 文件引用到模板中，如下图所示：

JavaScript 代码如下：

$('<script src="/webroot/help/test.js"></script>').appendTo('head');//将目标 JS 文件引用到 head 头标签