Previous topicNext topic
WebBuilderX > 子页面组件元素 > 表格类元素 > 列工具栏 >
行数据打印

当在列工具栏定义窗口的“可选按钮”页签勾选“打印”项目时,将自动多出“打印按钮”设置页签

双击模板代码后面的编辑框,将弹出行数据打印模板设置窗口:

行数据打印模板,它所遵循的编写规则与“列模板”中的字符串模板完全相同:以“d.”表示当前要引用的行数据,并在外面用两对大括号包起来。由于字符串模板支持html标签,因而可以在模板中加入图片、表格、文字段落及各种样式。当使用img标签引用图片时,请务必加上对应的路径。如上图,这就表示要引用的图片是保存在网站根目录下的“upload/atta”文件夹中。

页面显示效果如下图:

关于行数据打印方面的3个友情提醒:

1、如果你并不熟悉html中的各种标签,同时又想打印出图文并茂的数据效果,建议在“富文本编辑器”中先以手工方式设置好自己想要的打印效果,每个需要显示行数据的地方暂用某个字符代替。编辑完成后无需保存,点击编辑器中的菜单“工具--HTML源码”,按Ctrl+A全选、再按Ctrl+C并粘贴到此模板设置窗口中,将需要显示行数据的地方替换成{{d.字段名}}即可。当然,如果你有一定的html基础,那就更简单了,背景图片之类的随便添加,这样可以确保打印出来的行数据更具个性。

2、为避免因为引用数据不存在导致的无效字符输出,建议在引用数据时做个判断。例如,在打印个人简介时,可以这样编写代码:

{{d.个人简介 ? d.个人简介 : '该员工暂无简介数据!'}}

3、如果你在打印模板中使用了背景色或背景图片,而打印出来的行数据却没有这些效果,请检查打印中的“更多设置”。如下图所示,只要在选项中勾选“背景图形”即可: