Формы. Как сделать модальную форму (открывается в диалоговом окне)

Используйте следующую разметку

<a href="#" class="as-form-modal" 
    data-code="profile" data-itemid="11" data-big="1" 
    data-btntext="Сохранить">Show Form!</a>

Параметры:

  • data-code - указываем код формы.
  • data-itemID - указываем ID элемента (если на добавление то пустая или 0). ВАЖНО: здесь не работает url-itemID (в фигурных скобках).
  • data-big - если 1, то модальное окно будет большим.
  • data-title - заголовок модального окна. Если пустое - то заголовок модального окна будет скрыт.
  • data-btnText - текст кнопки сохранения. Если не указывать, то кнопка не будет выведена.
  • data-btnCancelText - текст кнопки отмены - если пустая строка, то кнопка не будет показываться. 
  • data-slideout - включение режима появления формы - выдвигает слева (1) или справа (2). Если 0 - то обычное модальное окно по центру. 

Примечание:

  1. Лучше делать кастомную разметку формы, чтобы не показывать кнопку Сохранить. Кнопка модального окна действует как кнопка Сохранения. Вы можете не показывать эту кнопку, для этого указываем btnText = “”.
  2. Вы можете использовать подобную форму просто для вывода определенной информации в любом месте программы.
  3. По аналогии можно сделать таблицу в модальном окне
Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Выгода от использования Falcon Space

В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Планируете делать веб-проект?
Сайт использует Cookie. Правила конфиденциальности OK