У меня проблема с автозаполнением jquery в модальном окне. Я постараюсь максимально понятно объяснить ситуацию. Если у вас есть какие-либо вопросы, пожалуйста, дайте мне знать.
У меня есть экран со всеми полями, это основная запись. У меня также есть коллекция подзаписей в нем. Я хочу, чтобы пользователь добавлял информацию в подзаписи, используя модальный диалог для дочерней записи. Одним из полей подзаписи является поле «Валюта». Это поле должно быть полем автозаполнения. Проблема довольно проста, но через 2 дня я все еще не знаю, как ее решить. Когда пользователь впервые нажимает кнопку добавления, модальное окно открывается идеально. Автозаполнение также работает как шарм. Но когда пользователь сохраняет первого дочернего элемента и хочет добавить второго, нажав кнопку добавления, модальное окно снова открывается. Но затем я получаю сообщение об ошибке "Uncaught TypeError: $(...).autocomplete is not a function", и я не могу понять, почему в первый раз все работает отлично, но почему во второй раз эта ошибка появляется вверх.
Код:
Для открытия модального окна:
<a href="#theModal" class="nav-link btn btn-info float-right" data-
remote="/Specification/_AddSpecification" data-toggle="modal" data-
backdrop="static" data-target="#theModal"> Nieuwe specificatie</a>
Для поля автозаполнения (для этого я использую класс)
<script>
$(document).ready(function () {
$(document).on('focus',
'.CurrencySelect',
function () {
$(this).autocomplete({
source: function (request, response) {
$.ajax({
url: "/Currency/searchCurrencies",
type: "POST",
dataType: "json",
data: { searchValue: request.term },
success: function (data) {
//alert(JSON.stringify(data));
response($.map(data,
function (item) {
return { label: item.currency.Name, value: item.currency.Id };
}));
}
});
},
select: function (event, ui) {
//alert(this.id);
var idField = this.id.replace('String', '');
//alert(idField);
$("input[name=" + idField + "]").val(ui.item.value);
$("input[name=" + this.id + "]").val(ui.item.label);
// retrieve the exchange rate from the selected currency for the specified declarationDate.
$.ajax({
url: "/Currency/getExchangeRate",
type: "POST",
dataType: "json",
data: {
currencyId: ui.item.value,
date: $("#date").val()
},
success: function (data) {
//alert(JSON.stringify(data));
// Check if status = success
if (data.status === "success") {
// check if statusmessage = null
if (data.statusmessage == null) {
// Disablen van het veld ExchangeRate.
$("#ExchangeRateReadOnly").attr("disabled", "disabled");
// Vullen van het veld ExchangeRate via een variabele.
var er = data.Value;
$("#ExchangeRateReadOnly").val(er.toString().replace(/\./g, ','));
$("#ExchangeRate").val(er.toString().replace(/\./g, ','));
convertCurrencyToEuro();
} else if (data.statusmessage === "Exchangerate unknown") {
alert(
"Voor de geselecteerde valuta is geen geldige koers bekend. U dient deze zelf op te voeren.");
$('#ExchangeRateReadOnly').prop("disabled", false);
convertCurrencyToEuro();
} else if (data.statusmessage === "No exchangerate needed") {
alert("Er is geen koers nodig voor de geselecteerde valuta.");
$("#ExchangeRateReadOnly").attr("disabled", "disabled");
convertCurrencyToEuro();
} else if (data.statusmessage === "Invalid currency code") {
alert("Er is geen geldige valuta geselecteerd.");
convertCurrencyToEuro();
}
}
}
});
return false;
}
});
});
});
</script>
Я надеюсь, что кто-то может помочь мне решить эту проблему.
Пожалуйста, порекомендуйте,
Кевин