内容渲染

教学视频

说明

内容渲染是报表内置的一些渲染处理方式,便于你快速调整单元格内容的显示。

目前提供的有:

  • HTML渲染

  • 数据映射

  • 链接

  • 条码

  • 二维码

前置准备

新建报表,参考数据库数据集添加EMPLOYEE数据库数据集。EMPLOYEE的sql为:

select *, CONCAT("<a href='http://",web,"'>", web , "</a>") as HTTPWEB from employee limit 0,1

设置单元格数据绑定

报表设置如下:

image-20210428102644697

其中单元格数据绑定关系如下:

单元格 字段
B2 EMPLOYEE_ID
B3 SEX
B4 HTTPWEB
B5 SALARY
B6 DEGREE
B7 HTTPWEB

B3渲染设置

选中B3单元格,并切换到属性编辑器的渲染标签上:

image-20210428103145205

在上图中我们设置类型为数据映射,并设置数据映射类型为自定义

单击上图中的+按钮,添加两个自定义的数据映射配置,true映射为男,false映射为女.

B4渲染设置

选中B4单元格,并切换到属性编辑器的渲染标签上:

image-20210428103632519

在上图中我们设置类型为以链接形式下载单元格内容,并设置文件名表达式为:

"file-"+B2+".txt"

B5渲染设置

选中B5单元格,并切换到属性编辑器的渲染标签上:

image-20210428104436051

在上图中我们设置类型为条码

B6渲染设置

选中B6单元格,并切换到属性编辑器的渲染标签上:

image-20210428104518069

在上图中我们设置类型为二维码

B7渲染设置

选中B7单元格,并切换到属性编辑器的渲染标签上:

image-20210428104555131

在上图中我们设置类型为以HTML格式渲染内容

预览

保存报表,并预览查看效果:

image-20210428104705489

可以清楚的看到其中渲染的处理效果:

  • 数据映射中的true映射为男
  • 下载中的filename会自动拼接file-和employee_id字段的值,同时单击下载时,下载文件名为file-ANLIN.txt,内容就是我们配置的字段的值
  • 其中二维码和条码中的内容也是我们配置好的字段的值
  • HTML渲染单击会自动跳转到对应的网页上

results matching ""

    No results matching ""