当前位置: 首页 > Web前端 > HTML

前端展示实现批量标签动态生成

时间:2023-03-28 15:11:11 HTML

前端展示实现批量标签动态生成用过报表的朋友经常有条码打印和标签打印需求。一两个标签好办,但是很多时候我们可能需要的是批量打印几十个或者上百个内容,如下图:今天我们就来给大家介绍一下如何快速实现标签条码的批量打印报告。项目实战今天我们从Wyn开始,为大家展示整个功能的实现过程。Wyn作为一款专业的商业智能软件,不仅可以嵌入整个仪表盘和单个图表、嵌入仪表盘设计器、嵌入分析入口、嵌入OEM安装包,还提供丰富的API满足个性化嵌入需求。除了本文将介绍的批量打印标签功能外,如果您对更多行业解决方案感兴趣,可以查看:https://www.grapecity.com.cn/...1.创建RDL报表,binddatasets2.设计单个标签的样式和字段绑定单个标签的设计有多种方式,可以与文本框和条码组件进行拼接:也可以使用表格组件的表头行来嵌套文本框和数据字段;选择表格组件,删除汇总行和明细行,然后在表格标题中嵌入条码,预览绑定的数据字段,可以看到当前设计的单标签样式。如果要在单个标签的外层添加圆角边框或其他样式,可以选择外层嵌套容器中的容器,然后设计圆角,以及边框粗细、颜色等;接下来将上面设计的单表嵌套到这个容器中,完成单标签设计。3.根据数据周期生成多个标签。对于一个标签,需要根据列表组件的分组功能,使用列表组件来实现这个需求,然后将上面的整个容器放到列表组件中,就可以根据数据循环。4、最后调整实现,让循环生成Z字型首先确定一个标签的大小和纸张的大小,确定一行可以显示多少个标签;比如我的标签宽度是9厘米,我想一行显示3个标签,那么我需要纸张的宽度至少9*3+左右边距=29cm然后设置纸张高度为:标签高度+上下边距=7cm;然后设置报表分栏,分3栏,这样一行可以显示3个标签注意:在设计的时候,有一些尺寸,高度,宽度的微调。尽量使用属性设置的宽高调整固定值,不要手动拖动大小;到这里我们就完全实现了前端报表中标签内容格式的完全调整,设置正确。打印格式顺序。如果您对更多前端数据分析、报表、仪表盘感兴趣,请访问:https://www.grapecity.com.cn/...