Django JS автозаполнение с помощью Materialize

Я пытаюсь заставить функцию автозаполнения Materialize работать с django. Но по какой-то причине содержимое не отображается. Я сделал много отладки, но не могу найти, почему она не работает и не показывает опции.

Я использую следующий вид:

def search_companies(request):
    """
    Search for relations on
    company names basis.
    """
    companies = Relation.objects.all()
    data = []

    for company in companies:
        data.append(company.company_name)

    return JsonResponse({'data': data})

И следующий JavaScript в шаблоне

function autocompleted(){
  fetch('/orders/search_companies/')
  .then(response => response.json())
  .then(data => {
    var my_data = data.data;

    let myConvertedData = {};

    $.each(my_data, function (index, value) {
      myConvertedData[value] = null;
    });

    document.addEventListener('DOMContentLoaded', function () {
      const inputField = document.querySelector('.autocomplete');
      M.Autocomplete.init(inputField, {
        data: myConvertedData,
        limit: 50,
        minLength: 1,
      });
    });
  });
}

autocompleted();

Вернуться на верх