Всем привет!
Так получилось, что душа прикипела к Vue.js (у вас это может быть, например, React или Angular или ещё что-то более крутое). Толкал его везде, где только можно было, начиная ещё с монолита третьей версии. И вот с выходом е365 наконец-то появилась возможность использовать проекты без танцев с бубном.
Я взял за пример мой давний проектик, связывающий vue-dadata-suggestions и vue-yandex-maps. Суть его проста: выбираем адрес из подсказок - ставим маркер на карте, тыкаем на карте точку - пишем в поле контекста адрес. Предварительно создал страницу, на странице - виджет. Добавил контекст для виджета типа Строка и именем свойства address, в проекте в событии при выборе подсказки добавил строчку document.querySelector('input[id="address"]').value = val.unrestricted_value и скомпилировал его как для сайта.
В конструкторе Виджета загрузил всю структуру скомпилированных папок и файлы в разделе Файлы.
Кинул на форму виджета созданный контекст и виджет Код. Скопировал из скомпилированного файла .html код подключения приложения, вставил в Код:
HTML:
<link href='<%= UI.widget.filePath %>/chunk-vendors.dadata.css' rel=stylesheet>
<link href='<%= UI.widget.filePath %>/app.dadata.css' rel=stylesheet>
<div id='dadataapp'></div>
<script src='<%= UI.widget.filePath %>/chunk-vendors.dadata.js'></script>
<script src='<%= UI.widget.filePath %>/app.dadata.js'></script>
добавив путь к файлам виджета <%= UI.widget.filePath %>.
Теперь открывается целая бездна для творчества )
UPD:
Обернул всё в решение, ссылка для скачивания (не прикрепляется файл .е365).
Последнее редактирование: 18 сен 2023