d2-crud-plus开启行编辑一次提交全表格数据

一、需要实现需求

实战开发的时候遇到一个需求如图，勾选开启编辑。

我们强大的d2-crud-plus已经提供了右侧编辑按钮，就不要通过勾选后开启行编辑这么low的做法了吧^_^.

二、解决问题点

1、怎么开启组件行编辑。

2、控件是每次点击保存的时候就会去走接口（通常情况）

3、编辑完后需要点击下方的按钮才真正的发送数据

三、实施

第一步：先开启组件行编辑

第二步：修改默认的编辑提交让它不走接口（updateRequest是控件点击编辑的时候会跑进去的方法，自己做一个Promise回传给控件使用，瞒天过海^_^）

第三步：制作脚按钮

它的样式

第四步：发送表格数据给接口

this.getD2CrudTableData() 可以获取当前表格的数据。

然后通过element的message提示成功失败。

 

大功告成