Retool: кнопка действия для открытия модального окна с контейнером

Стол у меня в ремонте. Я добавил столбец "действие" с кнопками и переименовал их в "редактировать". То, что я хотел бы сделать, щелкнув кнопку действия, - это открыть модальное окно с данными в заполненной строке. Пользователь должен иметь возможность видеть значения строки, редактировать их, и когда он нажимает "отправить", он отправляет вызов API обновления для уникального идентификатора этой строки.

Источник

2 ответа

Решение

Мы работаем над некоторыми новыми документами для модальных компонентов, но до тех пор вот что вы можете сделать:

  1. Перетащите модальный компонент на холст. Он появится как кнопка, открывающая модель, но пока не беспокойтесь об этом.
  2. Создайте запрос Javascript в редакторе запросов, который открывает модальное окно. Если мы работаем с именами по умолчанию, ваш запрос будетmodal1.open()
  3. Настройте кнопку действия в таблице для запуска этого JS-запроса при нажатии

Это быстрый способ открыть модальное окно с помощью кнопки действия. Что касается того, что находится в этом модальном окне, вы можете перетаскивать любые компоненты, которые хотите, и ссылаться на свойства таблицы. Поэтому, если вы хотите отобразить электронную почту пользователя, вы можете перетащить текстовый компонент в модель и установить для него значениеtable1.selectedRow.data.email.

Последнее, с чем нужно иметь дело, - это кнопка, которая вам, вероятно, не нужна, поскольку вы открываете модальное окно с помощью кнопок действий. Вы можете скрыть его, щелкнув по нему, перейдя к инспектору на правой боковой панели и прокрутив вниз до настроек "отображения". Просто положиtrue в поле "Скрыть, когда истина", и кнопка не будет отображаться.

Источник

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

надеюсь, мой первый пост вам поможет... :)

Источник
Другие вопросы по тегам