Загрузка формы в выпадающем окне (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 можно загружать любой компонент, например, таблицу или менеджер ресурсов.