Appearance
编辑配置
通过配置editConfig
属性来控制表格的可编辑状态及相关的表单组件。
editConfig
属性的配置继承了MosoweForm
的componentOption
配置,此外还有自定义的一些属性。
大部分的操作都是需要ref来调用组件的expose方法完成。
editDataRow(index:number)
:开启index
行编辑状态getEditData(index?: number)
:获取index
行或表格编辑状态
的所有数据,返回null或编辑状态下的数据editDataSuccess(index?: number)
:保存成功后调用,关闭index
行或整个表格
的编辑状态,返回表格编辑状态true/falsecancelEditData(index?: number)
:重置并关闭表格index
行或整个表格
的编辑状态,返回表格编辑状态true/falseresetEditData(index?: number)
:重置index
行或整个表格
的编辑数据
每一次调用editDataRow
和editDataSuccess
方法及加载数据都会保存一次初始表格数据,以便重置/取消。
当有编辑状态中的表格数据且数据有变化时,表格的查询、重置、翻页等操作都会被拦截并model提示,确认后方可加载新数据,加载后重置表格的编辑状态。
表格内的表单事件,在原有的参数上会增加一个参数 scope。参考行编辑独立配置
基础配置
设置component
属性可指定表单类型(同MosoweForm
的component)。同级下可写对应表单类型的属性等。
必填校验
设置required
属性为true
,可开启必填校验,开启后,若值为空,则会触发notice提示,调用getEditData
方法时则会触发toast提示并定位到对应必填表单位置。
一次编辑一行
设置MosoweTable
组件属性editOne
为true
,即可实现每次只能编辑一行。
行编辑独立配置
有些时候,我们希望每一行编辑的时候,当前行表单的状态是独立的,不能影响到其他行。
比如性别为男的时候,学校必填,性别为女,学校非必填。
又或者前一列数据不同,后一列数据的下拉也不同,且希望他们能够同时存在。
此时需要配置requiredRows
属性或rowConfig
属性:
requiredRows
:该属性是一个方法,参数为({row,column, $index,cellIndex,store}),返回true / false;
rowConfig
:针对某一行本字段的表单特别配置,键为行号,值为表单配置
贡献者
mosowe