zoukankan      html  css  js  c++  java
  • 报表中的富文本

    在多数报表系统中,内容文字都是普通文本。通过设置文本框的字体、颜色,可实现一些样式上的变化。
    但是有些样式可能是普通文本框无法实现的,比如同一文本框内部分文字需要特殊样式,或者需要上标、下标等样式,这时可能就需要使用Wyn Enterprise报表的富文本框元素了。

    (一)富文本元素的基本使用

    报表设计器工具箱中的富文本框元素如下图:

    使用富文本框的基本方法是:
    (1)将富文本拖到设计区。
    (2)设置其内容Html为一个html字符串。
    如下图:

    图中的html字符串为:
    <html><body>X<sup>2</sup></body></html>
    这个html的核心是使用<sup>标签,实现文字上标。预览效果如下图:


    (二)富文本绑定数据集字段

    普通文本框,绑定数据集字段很简单,只需将文本框的【数据】设置为 =Fields!字段名.Value 这样的表达式就行了。
    对于富文本,因为在数据内容之外,还需要很多html的标签,数据集的字段值只是整个html字符串的一部分,因此绑定数据集的操作略微复杂一些。
    有两种方法:字符串拼接表达式、邮件合并字段。

    (1)字符串拼接表达式

    仍以上面的 <html><body>X<sup>2</sup></body></html> 这个html字符串内容为例,如果想用数据集字段值代替其中的X,可将富文本的html设置为下面的表达式:
      ="<html><body>" + Fields!订单编号.Value +  "<sup>2</sup></body></html>"
    这个用等于号开头的表达式,目的就是将数据集的【订单编号】字段值代入到原X的位置。

    (2)邮件合并字段

    为了方便更多更复杂的html内容的情形,富文本元素还提供了邮件合并字段的功能,仍以上面的内容为例,将富文本的html设置为:
      <html><body><% 邮件合并字段1 /%><sup>2</sup></body></html>
    可以看到,这个内容没有以等于号开头,因此不是一个表达式。中间部分,使用 <% /%> 标签,将邮件合并字段括起来。
    然后,将【邮件合并字段1】设置为数据集字段值,如下图:


    这样设置之后,预览效果如下图:


    注意:
    如果在表格单元格中使用富文本元素,由于表格主题样式可能与html中的样式产生冲突,请将表格的主题样式设置为(无),如下图:

  • 相关阅读:
    12个非常不错的javascript类库
    CSS中单位em和rem的区别
    CSS中box-sizing属性的作用
    网页设计中的默认字体样式详解
    jQuery遍历Table表格的行和列
    css常用解决方案
    JS判断字符串小括号是否成对合法
    Less编码规范
    React九宫格抽奖
    n个有序数组,取出k个最大值
  • 原文地址:https://www.cnblogs.com/edoo/p/13501890.html
Copyright © 2011-2022 走看看