prompt

создаёт модальное окно с инпутом

promise prompt(string|object text, [string|function type,function callback] );
textstring|objectнеобязательный параметр, текст окна (строка) или конфигурационный объект
typestring|functionнеобязательный параметр, тип модального окна для подтверждения или функция-колбэк
callbackfunctionнеобязательный параметр, функция-колбэк (задается третьим параметром, если вторым задан тип модального окна)
promiseобъект Promise

Example

// базовая инициализация
webix.prompt("Prompt message",  "prompt-warning", function(result) {
// ваш код
});
 
// расширенная инициализация
webix.prompt({
  title: "A prompt dialog",
  text: "Type something",
  ok: "Submit",
  cancel: "Cancel",
  input: {
    required:true,
    placeholder:"This field is required",
  }
}).then(result => {
 // код
});

Related samples

Details

Метод можно использовать несколькими способами:

1. Простой - вызвать с несколькими параметрами:

  • text - (string) текст заголовка (обязательный);
  • type - тип модального окна (string, принимает значение "prompt-warning" или "prompt-error"), или callback function (необязательный);
  • callback (function) - функция-колбэк (необязательный).
webix.prompt("Test prompt", "prompt-error");

2. Детальный - вызвать метод с одним параметром - объектом со следующими настройками:

  • title - (string) текст заголовка
  • text - (string) текст окна с подтверждением
  • ok - (string) текст для кнопки 'Ok'
  • cancel - (string) текст для кнопки 'Cancel'
  • type - ("prompt-warning" или "prompt-error") тип окна: предупреждение или ошибка
  • css (string) CSS-класс для стилизации окна
  • container - (string,HTMLElement) контейнер для окна
  • callback - (function) функция-колбэк (необязательный)
webix.prompt({
  title: "Prompt title",
  text: "Prompt text",
  ok: "Submit",
  cancel: "Cancel",
  input: {
    required:true,
    placeholder:"This field is required",
  }
});

Полный список возможных параметров окна с подтверждением можно найти в этой статье.

Колбэки

Поскольку webix.confirm() возвращает промис (promise), использовать колбэки необязательно. Однако, вы можете добавить колбэк, если в этом есть необходимость. У колбэка один параметр - result - результат взаимодействия пользователя с диалоговым окном (true или false).

// базовая инициализация
webix.prompt("Prompt message",  "prompt-warning", result => {
// some code
});
 
// расширенная инициализация
webix.prompt({
  title: "A prompt dialog",
  text: "Prompt message",
  ok: "Submit",
  type: "prompt-warning",
  cancel: "Cancel",
  callback: function(result) {
    // ваш код
  }
});
Наверх