分享
可编辑表格
输入“/”快速插入内容
可编辑表格
1 说明
表格展示组件,类似于数据表格但是多了可编辑行的功能,可承载文字、列表、图片、段落,常用于后台数据展示页面。用户可直接在当前数据上直接修改内容,不需要再配置表单页处理新增和修改操作。
支持批量、单行编辑、新增行功能,对应的运行态也会展示批量、单行编辑按钮、新增行按钮,操作点击后会有对应保存、取消按钮状态变动。
如果超过一条记录处于编辑状态,则可操作全局的批量保存、取消编辑,当然也可单行操作保存、取消。
2 配置
2.1 数据源
数据源配置参见通用文档
数据源配置
2.2 数据处理方式
1.
编辑方式:表格渲染的状态
a.
单行编辑:表格渲染为非编辑态,需要全局按钮、行内按钮或双击单元格触发进入编辑状态
b.
全量编辑:表格渲染为编辑态,无需双击或点击按钮即可直接编辑
2.
处理方式:在可编辑表格操作数据后,用哪种方式对数据进行真正的增删改操作
a.
数据库:平台提供的按钮点击事件里的增删改方法处理数据,适用于以实体作为数据源的场景,无需用户配置处理逻辑,只需配置内置按钮。
b.
逻辑:需要配置逻辑,在可编辑表格执行保存,删除操作时,调用这条逻辑,此处自定义入参使用约定式配置,逻辑必须配置至少一个入参,当只有一个入参时,无论逻辑配置的参数的name是什么,传递给后端的时候都会以param这个名称承载表格行内的值。当有两个入参时,会优先去找名称为param的入参赋予表格行内的值的参数。
c.
连接器:
i.
针对全量编辑的表格,需要分别配置批量保存使用的连接器,批量删除使用的连接器,按钮触发操作时,会调用对应的连接器,通过连接器中对应的接口处理数据。
ii.
单行编辑的表格,需要分别配置单行保存、单行删除、批量保存、批量删除四种情况下的使用的连接器,按钮触发操作时,会调用对应的连接器,通过连接器中对应的接口处理数据。
d.
本地处理:无需配置任何处理方式,可编辑表格的上更新的数据在本地缓存,由页面中的其他组件触发增删改处理操作。
2.3 列
1.
列宽度:设置列宽度的单位,默认为像素
2.
列字段:主要是配置当前表格需要展示哪些字段,字段的选择和展示形式可以在添加列或者编辑列的时候配置,并可以编辑每列的标题、宽度、展示方式等配置。