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인 경우, 이 이벤트는 Save 버튼을 클릭할 때만, 그리고 실제 데이터 변경 사항이 있는 경우에만 트리거됩니다.

노트

편집기에 유효성 검사 규칙이 있고 어떤 필드에서 유효성 검사가 실패하면 onsave 이벤트는 트리거되지 않습니다.