Загрузка формы в выпадающем окне (dropdown)

Вы можете выводить небольшую форму в выпадающем окошке рядом с кнопкой. Данная форма похожа на popover формы, но при этом она закрывается по клику вне выпадающего окна.

Демостенд dropdown с формой - https://demo.web-automation.ru/list/watch/pokaz-nebolshoy-formy-v-vypadayushchem-okne---107

Для этого используем подобную разметку: 

<div class="as-dropdown  dropright" data-content="1111<br>22222<div class='as-table' data-code='codeRevisions' data-itemID='0'></div>" data-formcode="newPage" data-formitemid="0">
 <a href="#" class="btn btn-info">Show</a>
</div>

Параметры: 

  • data-content - задает произвольный контент в выпадающем окне. 
  • data-formCode - код формы 
  • data-formItemID - itemID, который передается форме. 

Ссылка в контейнере может быть любая, с любыми классами, важно чтобы она была именно ссылкой, а не button. 

У контейнера as-dropdown могут быть классы dropright dropup dropleft, которые задают как именно будет открываться форма (по умолчанию она открывается вниз). 

ВАЖНО. Инициализация формы или компонентов в content будут происходить каждый раз по клику на кнопку, а не сразу при появлении на странице (вызов as.initControls).  Это избавляет от возможных проблем с множественной загрузкой (например, в случае когда dropdown форма загружается в каждой строке таблицы). 

В рамках data-content можно загружать любой компонент, например, таблицу или менеджер ресурсов.

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

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

Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки и узкого стека разработки. Про снижение стоимости владения продуктом

Это быстрое внесение изменений

по ходу эксплуатации программы. Как создается функционал на платформе

Это простой удобный интерфейс

адаптация под мобильные устройства. Про юзабилити платформы

Нужна бесплатная консультация?
Получить оценку проекта
Создайте концепцию проекта на основе нашего шаблона и получите оценку проекта в виде КП.
Демо-сайт решений
Базисные решения, которые можно гибко адаптировать под себя: менять внешний вид, бизнес-логику и даже структуру базы данных.
Сайт использует Cookie. Правила конфиденциальности OK