showTextDialog
Показать диалог для ввода текста
Выдает всплывающее сообщение
import {showTextDialog} from '@app/ui'
Свойства
options: object
Объект с параметрами поля ввода
submitUrl*: string
URL по которому будет отправлен текст, введенный пользователем. Текст будет доступен в req.body.value
-
title:
stringТекст, описывающий, какого ввода ждем от пользователя
-
description:
stringОписание, уточняющее что ожидаем от пользователя
-
placeholder:
stringКакой текст будет на месте значения до начала ввода
-
multiline:
booleanПо-умолчанию:
falseМногострочный ввод
-
inputType:
stringТип ввода
Возможные значения:
string,code -
value:
stringЗначение по умолчанию
-
submitData:
objectОбъект, которым будет расширен
req.body -
submitButtonTitle:
stringНадпись на кнопке отправки
-
cancelButtonTitle:
stringНадпись на кнопке отмены
Примеры
Спросить у пользователя его имя и поприветствовать его
import {showTextDialog, showToast} from '@app/ui'
// Screen
app.screen('/', function(ctx,req) {
return <screen>
<button
onClick={showTextDialog({title:"What is your name?", submitUrl: ctx.router.url('/say')})}
class="secondary"
title="Click"
/>
</screen>
});
// Handler
app.apiCall('/say', async function(ctx,req) {
return showToast("Hello " + req.body.value)
});
