怎么修改帆软报表的finereport.css

html-css021

怎么修改帆软报表的finereport.css,第1张

举个例子给题主吧,这样比较好理解一点。

添加一个模板参数p1,将模板参数添加到参数面板中,并设置为文本框控件,参数默认值是地区;再在报表里添加一个文本框控件,文本控件内容也是地区。希望获取参数面板上文本框和报表里的文本框边框变为红色,字体颜色变为蓝色,直接使用FineReport设计器是无法实现这个效果的,那么使用css样式该如何实现呢?

1、css样式编写

新建一个css文件,获取文本框的类选择器为.fr-texteditor,在css文件中输入该类的样式:

.fr-texteditor{ border:1px solid redcolor:bluefont-weight:bold}

保存该css文件为css.css,保存在%FR_HOME%/下面。

2、引用css

打开模板,点击模板>模板web属性,选择引用css,点击选择按钮,选中刚刚新建的css文件,点击增加按钮,将该css增加到下方列表中,如下图所示:

3、效果查看

点击填报预览,如下图所示效果:

修改css样式除了可引用外部css文件外,还可以通过web页面事件来覆盖其样式。比如说,加载完成之后,希望文本框边框显示为绿色,字体显示为加粗蓝色,即可打开模板,点击模板>模板web属性>填报预览设置,选择为该模板单独设置,添加一个加载结束事件,并且勾选上直接显示控件。

$('.fr-texteditor').css('color','blue')

$('.fr-texteditor').css('font-weight','bold')

$('.fr-texteditor').css('border','1px solid red')

报表选择器在应该是窗体左上角中标尺相交的框,用这个框可以执行窗体级操作,如选择窗体。

报表选择器finereport,可以处理数据做各类图表,里面有很多报表模板和demo,都设计好了,只要直接导入数据就好了吧,网上有免费版的。

报表选择器创建结构、功能丰富的报表。支持平台多(JS、Web、.Net、Wpf、Java、PHP),提供源码。功能强,界面效果炫酷,支持仪表盘。

报表选择器ID选择器:

报表选择器ID选择器可以为标有特定 ID 的 HTML 元素指定特定的样式。 根据元素ID来选择元素,具有唯一性,这意味着同一id在同一文档页面中只能出现一次,例如,你将一个元素的id取值为”navi”,那么在同一页面你就不能再将其他元素id取名为”navi”了。

报表选择器css选择器还是会把这些元素都选中应用样式(如class选择器那样),对于css选择器,id属性的唯一性似乎不存在。然而,对于js而言,它只会选择具有相同id名字元素中的第一个。出于一个好的编程习惯,同一个id不要在页面中出现第二次。

我知道,你说的就是在报表中使用自定义css样式吧?我知道FineReport报表软件可以实现,ireport就不知道了,因为没用过。跟你简单讲一下FineReport是怎么引用自定义css文件的吧,正好你也看看ireport是否也如此,在FineReport报表设计器的菜单栏选择“报表>报表web属性”,就会弹出报表web属性设置的界面,然后在面板中选择“引用css”选项卡,写入css文件的相对路径就可以了,这里的自定义css有3种选择哦,一般自定义样式表(控制普通报表)、填报自定义样式表(控制填报报表)、控件自定义样式表(控制控件设置),楼主可以根据自己需要选择需要自定义的部分,可以3个都选,如图。楼主有什么问题还可以去“FineReport爱好者论坛”求助,他们版主都很牛,也有很多热心的报表高手在。