表格
模板&元素大约 4 分钟
printElementType
温馨提示
printElementType 是设计 provider 时的重要参数。比如说 tid
和 field
参数
名称 | 类型 | 说明 | 备注 |
---|---|---|---|
tid | string | 元素类型唯一标识 | |
title | string | 可拖拽元素中 显示的名称 | |
field | string | 字段名称 同 options 的 field | 优先级高于 options 无法彻底删除 |
data | string | 同测试数据但参数列表不会显示 同 options 的 testData 需要先设置 field | 优先级高于 options 无法彻底删除 |
columns | array<array> | 表格列 二维数组 -> [[{},{}],[{},{}]] 多行表头最下方的设置列 field 同 options 的 columns | 优先级高于 options 无法彻底删除 |
formatter | function | 格式化函数 同 options 的 formatter | 优先级高于 options 无法彻底删除 |
styler | function | 样式函数 同 options 的 styler | 优先级高于 options 无法彻底删除 |
rowStyler | function | 行样式函数 同 options 的 rowStyler | 优先级高于 options 无法彻底删除 |
footerFormatter | function | 表格脚格式化函数,定义分组尾部显示信息,可以放置写统计信息。 options rows data currentPageGridRowsData 同 options 的 footerFormatter | 优先级高于 footerFormatter 无法彻底删除 |
gridColumnsFooterFormatter | function | 多组表格脚格式化函数,定义分组尾部显示信息,可以放置写统计信息。options rows data currentPageGridRowsData 同 options 的 gridColumnsFooterFormatter | 优先级高于 options 无法彻底删除 |
groupFields | array | 数据的分组字段 ,该字段为数组,可以根据多列进行分组。如: ['name'] | 参数列表中没有编辑项 无法彻底删除 |
groupFormatter | function | 分组头格式化函数,定义分组显示信息,当 groupFields 数组长度为 1 是默认显示为字段值。groupData:分组信息。 options:打印元素的选项值。 如: function(group,option) {return "这里自定义统计脚信息";} | 参数列表中没有编辑项 无法彻底删除 |
groupFooterFormatter | function | 分组脚格式化函数,定义分组尾部显示信息,可以放置写统计信息。groupData:分组信息。 options:打印元素的选项值。 | 参数列表中没有编辑项 无法彻底删除 |
onRendered | function | 渲染完成回调 只能放在 printElementType 中 | 设计时不会触发 |
columns
温馨提示
参数过多,可能没有罗列完整。更多参数点击元素后,在参数面板中查看。如果你是开发者,我相信你知道该怎么看
。
名称 | 类型 | 说明 | 备注 |
---|---|---|---|
width | number | 列宽 可拖拽调整 | 宽度只是相对值 实际渲染会等比换算 |
title | string | 列标题 姓名#name | ==# 后面是字段名 field == |
field | string | 列字段名 设置 fields 可下拉选择 | 可在标题中编辑 |
fixed | boolean | 列宽度锁定 渲染时不进行等比换算 | |
rowspan | number | 行合并 同 html table td | |
colspan | number | 列合并 同 html table td | |
align | string | 左右对齐方式 left、right、center | |
halign | string | 表头左右对齐方式 left、right、center | |
formatter2 | function | 单元格的格式化函数value:字段的值 row:行的记录数据 index:行的索引 options:打印元素的选项值 | 返回文本/html |
renderFormatter | function | 单元格的渲染函value:字段的值 row:行的记录数据 index:行的索引 options:打印元素的选项值 数 | 返回文本/html当时SB了,现在发现和 formatter 功能一样 |
styler2 | function | 单元格的样式函value:字段的值 row:行的记录数据 index:行的索引 options:打印元素的选项值 数 | 返回jQuery.css()可处理对象 如: {color:'red'} |
stylerHeader | function | 表格头样式函数options:打印元素的选项值 数 | 返回jQuery.css()可处理对象 如: {color:'red'} |
tableTextType | string | 单元格字段类型text、barcode、image、qrcode、sequence、 对应为: 文本、条形码、图片、二维码、序号 | |
tableColumnHeight | string | 特定单元格高度 二维码、条形码、图片才有效 | 改变单元格高度,请设置 options 的表体行高:tableBodyRowHeight |
tableSummary | string | 底部聚合函数 count:计数 sum:合计 avg:平均值 max:最大值 min:最小值 | |
tableSummaryTitle | string | 底部聚合函数标题 'true','false' 显示或隐藏 | |
tableSummaryText | string | 底部聚合函数标题自定义聚合函数前面的文本 | |
tableSummaryAlign | string | 底部聚合函数对齐方式 left、right、center | |
tableSummaryNumFormat | number | 底部聚合函数保留小数位默认 2 | |
upperCase | string | 转大写 如: 7 就会把 10.8 转换成 壹拾元捌角零分 |
options
温馨提示
参数过多,可能没有罗列完整。更多参数点击元素后,在参数面板中查看。如果你是开发者,我相信你知道该怎么看
。
名称 | 类型 | 说明 | 备注 |
---|---|---|---|
field | string | 字段名称 | 可配置tableFields让字段名变成下列选择 |
fields | array | 列字段名列表 | [{"text":'姓名',"field":'name'}] |
tableFields | array | 表格字段名列表 | [{"text":'姓名',"field":'name'}] |
fontFamily | string | 字体 默认可继承面板设置的字体 | 默认宋体 |
fontSize | string | 字体大小 | 默认9pt |
Loading...