报表支持部分外部CSS样式表控制新增功能
来源:互联网 发布:lpl选手数据 编辑:程序博客网 时间:2024/06/06 20:55
1. 问题概述
很多客户反应,我们V4版本没办法支持外部Css样式引入到报表单元格中,出于对产品完善的考虑,我们研发增加了这样的功能,在报表中,设置单元格的样式有两种方式,一种是直接设置单元格的样式,这样可以直接看到设置的效果,另外一种是通过定义Css文件,给单元格设置样式的名称,这种设置方式只有在计算报表的时候才能够看到效果。
2. 具体操作图解及说明
1.直接设置单元格样式
选中某单元格,直接设置单元格字体的大小,颜色,对齐方式等属性。
也可以将设置好的样式保存起来,这样就方便下次某个单元格直接使用了。选择菜单【配置】-->【添加到样式】,这样就会在设计器中出现这样的下拉列表,方便以后的使用。
2. 通过定义CSS文件来设置单元格样式
通过定义CSS样式文件来设置单元格样式主要需要以下几个步骤:
自定义一份CSS文件,或者通过直接设置单元格样式保存一个样式文件,文件直接保存到了润乾安装目录下的\designer\tmp\reportCellStyle.css。一个样式文件中可以定义多种样式。
修改润乾安装目录下\designer\tmp\reportStyleConfig.xml文件。
<?xmlversion="1.0" encoding="utf-8"?>
<styleConfigs>
<config>
<!--报表样式名称-->
<name>mystyle1</name>
<!--对应的单元格样式文件-->
<file>styles1.css</file>
</config>
<config>
<name>mystyle2</name>
<file>reportCellStyle.css</file>
</config>
</styleConfigs>
3.新建报表,在报表属性中选择要使用的样式名称,如下图:
4.设置完报表样式以后,选中某单元格,可以在右侧的属性面板中设置该单元格的样式名称。单元格样式名称下拉列表中列出了样式文件中所设置的所有的样式。
5.注意:
通过定义CSS文件设置单元格的样式,只有在报表计算时才能显示出效果;
如果某个单元格中既直接定义了单元格样式,有通过CSS文件定义了单元格样式名称,后者的优先级高于前者。
在web端发布时,需要在reportConfig.xml文件中增加以下节点:
<!--数值格式化类名
<config>
<name>numberFormatClass</name>
<value>expression.NewObjectFormat</value>
</config>
-->
<!--Css样式-->
<config>
<name>CSSFile</name>
<value>/WEB-INF/reportStyleConfig.xml</value>
</config>
reportStyleConfig.xml文件的配置方法同设计器端一致。
6.整体页面浏览效果如下:
- 报表支持部分外部CSS样式表控制新增功能
- 润乾报表样式的CSS控制
- CSS之外部样式表
- CSS:外部样式表/内部样式表/内联样式
- CSS样式表控制背景
- JS 控制 CSS 样式表
- JS 控制CSS样式表
- “高级”CSS样式一般应用于控制网页内容的外观。附加样式表分为内嵌样式表和外部样式表两种方式。
- css:导入外部样式表的方法
- css实际用法(外部样式表)
- 引入css外部样式表的注意事项
- javascript改变外部css样式表
- CSS外部样式表+伪选择器
- html引入css外部样式表
- 外部式css样式
- 修改外部css样式
- CSS外部样式示例
- css--蓦然回首之外部样式表和内部样式表
- Java不定类型,不定个数参数方法的写法
- Echarts 简单实用总结
- 简单闭包
- FORM中,当光标走到块的最后一项时,如何让按“enter回车”键时,光标自动走到下一条记录的第一项?
- Unity协程(Coroutine)
- 报表支持部分外部CSS样式表控制新增功能
- windows下Jenkins环境搭建
- 高仿淘宝界面
- Checkbox全选与反选
- JSP语法
- 单点登录问题
- libuv 使用中的一些个人认识
- python setup.py install安装遇到问题:unable to find vcvarsall.bat
- 欢迎使用CSDN-markdown编辑器