跳到主要内容

onsave

Description​

当用户请求保存编辑器中的数据时触发

Usage​

onsave?: (ev: {
  changes: { [key: string]: any };
  values: { [key: string]: any };
}) => void;

Parameters​

事件的 callback 接收包含以下参数的 ev 对象：

  • changes – （必填）已更改字段及其新值的映射
  • values – （必填）当前已更改值的映射（未保存的更改）

Example​

Handling save request​

<script>
  import { Editor } from "@svar-ui/svelte-editor";
  import { getData } from "../data";

  const { items, values } = getData();

  function onsave(ev) {
    console.log("modified fields: ", ev.changes.join(", "));
    console.log("latest data values", ev.values);
  }
</script>

<Editor {items} {values} {onsave} />

Details​

若 autoSave: true，每次字段变更时将自动触发该事件。

若 autoSave: false，仅在点击保存按钮且存在实际数据变更时触发该事件。

备注

若编辑器设有验证规则且任意字段验证失败，onsave 事件将不会被触发。