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
