表格

CcSimple模板&元素大约 4 分钟

printElementType

温馨提示

printElementType 是设计 provider 时的重要参数。比如说 tidfield 参数

名称类型说明备注
tidstring元素类型唯一标识
titlestring可拖拽元素中显示的名称
fieldstring字段名称
同 options 的 field
优先级高于 options
无法彻底删除
datastring测试数据但参数列表不会显示
同 options 的 testData 需要先设置 field
优先级高于 options
无法彻底删除
columnsarray<array>表格列 二维数组 -> [[{},{}],[{},{}]]
多行表头最下方的设置列 field
同 options 的 columns
优先级高于 options
无法彻底删除
formatterfunction格式化函数
同 options 的 formatter
优先级高于 options
无法彻底删除
stylerfunction样式函数
同 options 的 styler
优先级高于 options
无法彻底删除
rowStylerfunction行样式函数
同 options 的 rowStyler
优先级高于 options
无法彻底删除
footerFormatterfunction表格脚格式化函数,定义分组尾部显示信息,可以放置写统计信息。
options
rows
data
currentPageGridRowsData

同 options 的 footerFormatter
优先级高于 footerFormatter
无法彻底删除
gridColumnsFooterFormatterfunction多组表格脚格式化函数,定义分组尾部显示信息,可以放置写统计信息。
options
rows
data
currentPageGridRowsData

同 options 的 gridColumnsFooterFormatter
优先级高于 options
无法彻底删除
groupFieldsarray数据的分组字段,该字段为数组,可以根据多列进行分组。
如:['name']
参数列表中没有编辑项

无法彻底删除
groupFormatterfunction分组头格式化函数,定义分组显示信息,当 groupFields 数组长度为 1 是默认显示为字段值。
groupData:分组信息。
options:打印元素的选项值。

如:function(group,option) {return "这里自定义统计脚信息";}
参数列表中没有编辑项

无法彻底删除
groupFooterFormatterfunction分组脚格式化函数,定义分组尾部显示信息,可以放置写统计信息。
groupData:分组信息。
options:打印元素的选项值。
参数列表中没有编辑项

无法彻底删除
onRenderedfunction渲染完成回调
只能放在 printElementType 中
设计时不会触发

columns

温馨提示

参数过多,可能没有罗列完整。更多参数点击元素后,在参数面板中查看。
如果你是开发者,我相信你知道该怎么看

名称类型说明备注
widthnumber列宽 可拖拽调整宽度只是相对值 实际渲染会等比换算
titlestring列标题 姓名#name==#后面是字段名 field ==
fieldstring列字段名
设置 fields 可下拉选择
可在标题中编辑
fixedboolean列宽度锁定
渲染时不进行等比换算
rowspannumber行合并
同 html table td
colspannumber列合并
同 html table td
alignstring左右对齐方式
left、right、center
halignstring表头左右对齐方式
left、right、center
formatter2function单元格的格式化函数
value:字段的值
row:行的记录数据
index:行的索引
options:打印元素的选项值
返回文本/html
renderFormatterfunction单元格的渲染函
value:字段的值
row:行的记录数据
index:行的索引
options:打印元素的选项值
返回文本/html

当时SB了,现在发现和 formatter 功能一样
styler2function单元格的样式函
value:字段的值
row:行的记录数据
index:行的索引
options:打印元素的选项值
返回jQuery.css()可处理对象
如: {color:'red'}
stylerHeaderfunction表格头样式函数
options:打印元素的选项值
返回jQuery.css()可处理对象
如: {color:'red'}
tableTextTypestring单元格字段类型
text、barcode、image、qrcode、sequence、
对应为:文本、条形码、图片、二维码、序号
tableColumnHeightstring特定单元格高度 二维码、条形码、图片才有效改变单元格高度,请设置 options的表体行高:tableBodyRowHeight
tableSummarystring底部聚合函数
count:计数
sum:合计
avg:平均值
max:最大值
min:最小值
tableSummaryTitlestring底部聚合函数标题 'true','false' 显示或隐藏
tableSummaryTextstring底部聚合函数标题自定义聚合函数前面的文本
tableSummaryAlignstring底部聚合函数对齐方式 left、right、center
tableSummaryNumFormatnumber底部聚合函数保留小数位
默认 2
upperCasestring转大写
如:7 就会把 10.8 转换成 壹拾元捌角零分

options

温馨提示

参数过多,可能没有罗列完整。更多参数点击元素后,在参数面板中查看。
如果你是开发者,我相信你知道该怎么看

名称类型说明备注
fieldstring字段名称可配置tableFields让字段名变成下列选择
fieldsarray字段名列表[{"text":'姓名',"field":'name'}]
tableFieldsarray表格字段名列表[{"text":'姓名',"field":'name'}]
fontFamilystring字体 默认可继承面板设置的字体默认宋体
fontSizestring字体大小默认9pt
Loading...