Всем привет!
Так получилось, что душа прикипела к 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