Как создать простое модальное поле, но также передать его переменным?

Question

Мое веб-приложение позволяет пользователям создавать проекты. Все эти проекты перечислены на их панели с уникальным идентификатором.

Я хочу разрешить пользователям переименовывать и удалять любые проекты. Вместо того, чтобы отправлять их на новую страницу, я хотел бы показать им модальное диалоговое окно (серый фон с модальным наложением), которое позволяет им переименовывать или удалять проект.

Я создал два мода (скрытые по умолчанию) для каждой функции переименования и удаления. Модалы в основном содержат элемент формы, который позволяет пользователю выполнить действие, а затем нажать «Отправить», перезагрузив страницу с изменениями. Чего я не знаю, как это сделать, так это передать идентификатор проекта в модальное поле, чтобы элемент формы содержал идентификатор проекта в качестве скрытой переменной для передачи в функции контроллера.

Как я могу запустить модальное окно через javascript, а также передать переменную (идентификатор проекта) в модальное окно?

Answer 1

Я бы просто использовал модальную форму jQuery ui . Пример, который они приводят, должен показать вам, что вам нужно сделать

Answer 2

Посмотрите на шаблоны.Сохраните разметку формы в файле шаблона (или укажите <script type="text/template"> с некоторым идентификатором).Затем, когда вам нужна разметка формы, вы просто вызываете определенный шаблон и передаете некоторые переменные, которые обработчик шаблонов предоставит вам.Есть много хороших шаблонизаторов, например:

• EJS
• Усы
• Pure