save

функция, которая срабатывает, когда изменения редактора сохранены

Example

webix.ui({
  view: "diagram-editor",
  id: "editor",
  shapes: shapes,
  save: () => {
  // логика обработчика
  },
});

Related samples

Обработчик срабатывает, когда пользователь сохраняет изменения в редакторе (напр., при клике по кнопке "Apply"). Вы можете использовать свойство для передачи изменённых данных обратно в диаграмму:

{
  view: "diagram-editor",
  id: "editor",
  shapes: [/* shapes config */],
  save: () => {
    const diagram = $$("diagram");
 
    // очищаем предыдущие данные
    diagram.clearAll();
    diagram.getLinks().clearAll();
 
    // возвращаем блоки, ссылки, фигуры, настройки по умолчанию для блоков и ссылок
    const full_data = $$("editor").getValues();
 
    // парсим новые данные
    diagram.parse(full_data);
  }
}

Наверх