文本

普通文本分为3种类型:文本类型条形码类型二维码类型


panel.addPrintText({ options: { width: 140, height: 15, top: 20, left: 20, title: 'hinnn插件手动添加text', textAlign: 'center' } });
                 

printElementType

名称 类型 描述 默认值
tid string 元素类型的标识
title string 用户托拽列表中显示的名称
field string 打印元素类型所对应的数据Josn的Key
data string 打印设置时,显示的默认值
formatter function 文本元素格式化函数,需要五个参数:
title:标题。
value:值。
options:打印元素的选项值。
templateData:模板数据。
target:文本控件dom。
formatter:function(title,value,options,templateData,target){ return value=='1'?'测试':value; }
styler function 文本元素的样式函数,返回样式对象来自定义该 文本元素的样式,例如 {'background':'red'} 。该函数需要四个参数:
value:字段的值。
options:打印元素的选项值。
target:文本控件dom。
templateData:模板数据。
styler:function(value,options,target,templateData){ return {color:'red'} }
onRendered function 元素渲染完成事件,该函数需要三个参数:
target:元素jq dom。
options:打印元素的选项值。
paperTarget:打印所在纸张的ja dom
fields 数组 元素的字段数据源[{field:'' ,text:'' }]
fields存在 元素字段则显示为下拉框显示
fields 不存在 元素字段则为输入框显示
优先级高于 模板全局设置数据源

options

名称 类型 描述 默认值
title string 标题或内容,field 存在:title为标题,打印结果为 title:data , field 不存在:title为内容,打印结果为 title
field string 字段名称
testData string 测试数据,打印设计时 作为data,预览或打印时被真实数据替换
fontFamily string 字体 宋体
fontSize number 字体大小 9pt
fontWeight string 字体粗细
letterSpacing number 字间距
color number 字体颜色
textDecoration string 文本描述
textAlign string 对齐 left center right
lineHeight number 行高 9.75pt
textType string 文本类型 text barcode(条形码) qrcode(二维码) text
barcodeMode string 条形码格式
hideTitle boolean 隐藏标题 false
showInPage string 显示规则仅页眉页尾元素或位置固定固定有效
first:首页显示
odd:奇数页显示
even:偶数页显示
last:尾页显示
fixed bool 位置固定 每页打印到指定位置
位置固定的元素脱离正常的打印流,让不在页眉页脚范围内的元素拥有每页输出的特性。
与面板指定页页尾线设置功能 相互协作 可以设置指定页 不同的页尾信息展示。
axis string 打印设计时拖拽方向 axis v:竖向 h:横向。需在design方法中显示开启,template.design('#designDiv',{ axisEnabled:true })
transform number 旋转角度