Материализация автозаполнения не показывает всю возвращенную информацию из ajax - PullRequest
0 голосов
/ 23 апреля 2019

Я пытаюсь показать некоторые результаты поиска при материализации автозаполнения ввода но это не работает должным образом поэтому, когда я пишу такие слова, как «Galaxy S9»
покажи мне только один результат: https://imgur.com/a/EOb7B9R
но когда я печатаю результат в консоли, он показывает мне это: https://imgur.com/M87x4Hm
Кроме того, когда вывести мою мышь и повторно щелкнуть панель поиска, он покажет мне все результаты: https://imgur.com/QccTmGm
это мой код:

html:
            <form autocomplete="off" class=" hide-on-med-and-down" id="form1">
                <div class="input-field" style="max-width: 300pt;">
                    <input class="autocomplete" id="autocomplete-input" type="search">
                    <label class="label-icon" for="autocomplete-input">
                    <i class="material-icons prefix searchbar">search</i></label>
                    <i class="material-icons rtlx">close</i>
                </div>
            </form>

javascript :
var elems = document.querySelectorAll('#autocomplete-input');
var instances = M.Autocomplete.init(elems, {
    limit: 4,
});
$('#autocomplete-input').keyup(function () {
    console.log($('#autocomplete-input').val());
    $.ajax({
        type: "GET",
        url: "https://localhost:44358/searching?text=" + $('#autocomplete-input').val(),
        processData: false,
        contentType: "application/json",
        success: function (data) {
            var response = data;
            let dataresp = [];

            for (var i = 0; i < response.length; i++) {
                dataresp[response[i].brand + ' ' + response[i].model] = response[i].imgUrl;
            }
            try {
                console.log(dataresp);
                instances[0].updateData(dataresp);
            } catch (e) {
                console.log(e);
            }


        }
    });
});

та же проблема, упомянутая в Github: https://github.com/Dogfalo/materialize/issues/5690

...