关于前端:前端展示中实现批量标签动态生成

32次阅读

共计 939 个字符,预计需要花费 3 分钟才能阅读完成。

前端展现中实现批量标签动静生成

应用过报表的小伙伴,常常会有条码打印、标签打印的需要,一两个标签还好解决,但很多时候咱们可能须要的是几十、上百个内容的批量打印,如下图所示:

明天咱们就来为大家介绍,如何疾速实现报表的标签条码批量打印。

我的项目实战

明天咱们从 Wyn 登程,为大家展现整个性能的实现过程。
Wyn 作为一款业余的商业智能软件,除了能够将整个仪表板和单个图表嵌入、仪表板设计器嵌入、剖析门户嵌入、OEM 安装包嵌入,同时,提供丰盛的 API,以满足个性化嵌入须要,除了本文行将介绍的批量打印标签性能外,对更多行业解决方感兴趣可查看:

https://www.grapecity.com.cn/…

1. 创立 RDL 报表,绑定数据集

2. 设计单个标签的款式以及字段绑定
单个标签设计有多种形式,能够用文本框和条形码组件拼接:

也能够采纳表格组件题目行嵌套文本框和数据字段;
抉择表格组件,删除汇总行和明细行

而后表格题目嵌入条形码,以及绑定数据字段

预览能够看到目前设计的单个标签款式

如果单个标签外层还想增加圆角边框,或者其它的款式,能够在外层嵌套容器
抉择容器,而后设计圆角,以及边框粗细,色彩等等;

接下来把下面设计的单个表格整个嵌套到这个容器外部

到此单个标签设计全副实现

3. 依据数据循环生成多个标签
要实现依据数据行数循环生成多个标签,就须要利用列表组件,依据列表组件的分组性能实现该需要

而后把下面的容器整个再放入到列表组件外面,预览即可看到依据数据循环显示屡次

4. 最初调整实现让循环生成以 Z 字型生成
首先确定一个标签的大小,以及纸张的大小,确定一下一行能够显示几个标签;
比方我的标签宽度 9 厘米,我心愿一行显示 3 个标签,那我就须要纸张的宽度至多是  9*3+ 左右页边距 =29cm

而后设置纸张高度为:标签高度 + 高低页边距 =7cm;

而后设置报表进行分栏,分成 3 栏,这样一行就能够显示 3 个标签

留神:在设计的时候有一些尺寸高度,宽度微调,这块尽量应用属性设置的宽度高度调整固定值,不要手动拖动大小;

到这里咱们就残缺实现了前端报表中残缺调整标签内容格局,并设置正确的打印格局程序。

大家如果对更多前端数据分析、报表、仪表板相干内容感兴趣,欢送拜访:

https://www.grapecity.com.cn/…

正文完
 0