Skip to content
  1. Компоненты
  2. SendIt
  3. Сохранение данных

Сохранение данных

Значения всех полей форм с атрибутом data-si-form и заполненным значением этого атрибута, кроме полей типа file и password, будут сохранены в localStorage, до успешной отправки этой формы или сброса значений формы.

Внимание

Сохранение значений происходит при изменении в поле, поэтому, если используете плагины для кастомизации полей ввода или списков, убедитесь, что они генерируют событие change или самостоятельно инициируйте это событие.

Информация

Чтобы отключить сохранение данных, добавьте форме атрибут data-si-nosave

После перезагрузки страницы значения будут установлены в соответствующие поля, будут отмечены чекбоксы и переключатели, выбраны опции в списках, как с одним, так и с множественным выбором.

Информация

При установке значений инициируется событие change на изменяемом поле.

Конфигурация JavaScript

Конфигурация по умолчанию
js
export default function returnConfigs() {
  return {
    SaveFormData: {
      pathToScripts: './modules/saveformdata.js',
      rootSelector: '[data-si-form]',
      noSaveSelector: '[data-si-nosave]',
      rootKey: 'siForm',
      resetEvent: 'si:send:reset'
    },
  }
}
КлючОписаниеЗначение
pathToScripts./modules/saveformdata.jsпуть к модулю, указывается относительно файла sendit.js
rootSelector[data-si-form]селектор формы
noSaveSelector[data-si-nosave]селектор для отключения сохранения данных формы
rootKeysiFormключ свойства dataset с именем формы
resetEventsi:send:resetсобытие сброса значений формы