TableForm

表格表单，用于提交列表数据

API

参数	说明	类型	默认值
showAdd	显示新增按钮	`boolean`	true
order	指定排序字段的升序或降序，可选值：`desc` `asc`，和 orderField 联合使用(仅 related 可用)	`string`	desc
orderField	指定排序的字段(仅 related 可用)	`string`
showDelete	显示删除按钮, 如果为 function , 批量删除功能将不可用, 在配置了 related 的情况下,删除按钮将不被显示	`boolean` `(record) => boolean`	true
confirmDelete	设置删除确认框内容，返回值就是确认框展示内容	`string` `(record) => string`
serialNumber	序号显示规则, true 为翻页从 1 开始计数, false 为不显示, pageIncrease 为翻页累计计数, 还可以为一个方法: `@serialNumber="(record) => record.sn"`	`boolean` `pageIncrease` `((record: any, index: number) => any)`	false
showCopyRow	可复制行	`boolean` \| `(record) => boolean`	false
useKeyboardEvent	是否使用快捷键（方向键切换输入域）交互	`boolean`	false
onFieldValueChange	当单元格里的变化时触发，（changedValue: any, fieldName: string, order: number）=>void 第一个参数为 `当前改变的值` , 第二个参数为 `字段名` ，第三个参数为 `当前行` （默认从 0 开始）	`（changedValue: any, fieldName: string, order: number）=>void`	-
getId	行 id 生成方法,用于添加行数据时去重	`(record) => record.name`,record 为行数据	-
virtual	是否开启虚拟滚动	boolean	-
searchMethod	table-form 搜索方法	`(record, keywords) => boolean \| string`，record 为行数据，返回`string`作为搜索项的展示，`boolean`则代表未匹配该条数据	-
genSummaryData	获取当前tableform所有的数据集合	`(data) => [{ label: string, value: string }]` data代表当前tableForm数据, 返回所有tableForm的单条数据的lable和value值的集合	-
onRowChange	当单元行变动时触发的事件，删除行操作和增加行操作	`(changedType: ‘add'	'del’, changedIndex: number[], changedRecords: IDictionary[]) => void` changedType代表行操作是什么，changedIndex代表当前删除或增加的行索引， changedRecords代表当前删除或增加的单元行数据
searchMethod	前端搜索方法(仅在 virtual 为 true 时有效)	`(record: IDictionary, keywords: string) => boolean	string`

通用标签见：容器通用标签

用法

<View title="批量人员编辑">
  <TableForm model="trantor_doc_Person" :showAdd="true" :showDelete="false" serialNumber
    @genSummaryData="handlerSummary"
    @onFieldValueChange="onFieldValueChange"
    @getId="(record) => record.id" >
    <Alert :show="showAlert" type="normal" :message="message" />
    <Fields>
      <Field name="name"/>
      <Field name="avatar"/>
      <Field name="age"/>
      <Field name="password"/>
      <Field name="credentials"/>
      <Field name="department"/>
      <Field name="birthday"/>
    </Fields>
    <RecordActions label="操作">
      <Action action="trantor_doc_Person_update" after="Refresh" label="保存"/>
    </RecordActions>
  </TableForm>
</View>

tableform