Skip to content

编辑配置

通过配置editConfig属性来控制表格的可编辑状态及相关的表单组件。

类型声明MosoweTableEditConfigType

editConfig属性的配置继承了MosoweFormcomponentOption配置,此外还有自定义的一些属性。

大部分的操作都是需要ref来调用组件的expose方法完成。

  1. editDataRow(index:number):开启index行编辑状态
  2. getEditData(index?: number):获取index行或表格编辑状态的所有数据,返回null或编辑状态下的数据
  3. editDataSuccess(index?: number):保存成功后调用,关闭index行或整个表格的编辑状态,返回表格编辑状态true/false
  4. cancelEditData(index?: number):重置并关闭表格index行或整个表格的编辑状态,返回表格编辑状态true/false
  5. resetEditData(index?: number):重置index行或整个表格的编辑数据

每一次调用editDataRoweditDataSuccess方法及加载数据都会保存一次初始表格数据,以便重置/取消。

当有编辑状态中的表格数据且数据有变化时,表格的查询、重置、翻页等操作都会被拦截并model提示,确认后方可加载新数据,加载后重置表格的编辑状态。

表格内的表单事件,在原有的参数上会增加一个参数 scope。参考行编辑独立配置

基础配置

设置component属性可指定表单类型(同MosoweForm的component)。同级下可写对应表单类型的属性等。

必填校验

设置required属性为true,可开启必填校验,开启后,若值为空,则会触发notice提示,调用getEditData方法时则会触发toast提示并定位到对应必填表单位置。

一次编辑一行

设置MosoweTable组件属性editOnetrue,即可实现每次只能编辑一行。

行编辑独立配置

有些时候,我们希望每一行编辑的时候,当前行表单的状态是独立的,不能影响到其他行。

比如性别为男的时候,学校必填,性别为女,学校非必填。

又或者前一列数据不同,后一列数据的下拉也不同,且希望他们能够同时存在。

此时需要配置requiredRows属性或rowConfig属性:

requiredRows:该属性是一个方法,参数为({row,column, $index,cellIndex,store}),返回true / false;

rowConfig:针对某一行本字段的表单特别配置,键为行号,值为表单配置

贡献者

mosowe

文档版本 v1.0.1