Я занимаюсь разработкой веб-приложения Sailjs. В одном месте мне нужно показать модальное окно (класс начальной загрузки bootstrap 4), показывающее список элементов на выбор. В дополнение к кнопке «Закрыть», я добавил кнопку «Выбрать», с которой нужно обращаться, чтобы получить выбранный элемент.
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Select a Model</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<label class="text-muted">Multiple Select Picker</label>
<select class="custom-select" multiple>
<%
models.forEach(function(item) {
%>
<option value='<%= item.name%>'><%= item.name %></option>
<%
})
%>
</select>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" id="SelectModelButton">Select</button>
</div>
</div>
</div>
</div>
В структуре приложения sailsjs есть файл .js со следующим кодом:
methods: {
//…
SelectModelButton: function() {
window.alert("Hello");
this.close();
},
}
Но указанный выше код не срабатывает при нажатии кнопки «Выбрать». Что я пропускаю или делаю неправильно?