JQuery: автозаполнение без заполнения данных по типу - PullRequest
Новая
       14

JQuery: автозаполнение без заполнения данных по типу

0 голосов
/ 30 апреля 2020

У меня есть некоторые данные в viewbag на странице бритвы HTML. Из этого я подготовил массив объектов с ключом => значение вещи. но когда я пытаюсь передать его источнику автозаполнения, он не выдает никакой ошибки, но также не заполняет данные в раскрывающемся списке. Код, указанный ниже ... 

myAssociativeArr : 
0: {key: "4852, 30", value: "PortBlair, Andaman and Nicobar Islands"}
1: {key: "4992, 1", value: "Anantapur, Andhra Pradesh"}
2: {key: "5093, 1", value: "Eluru, Andhra Pradesh"}
3: {key: "4975, 1", value: "Guntur, Andhra Pradesh"}
4: {key: "4982, 1", value: "Kadapa, Andhra Pradesh"}
5: {key: "4825, 1", value: "Kakinada, Andhra Pradesh"}
6: {key: "5090, 1", value: "Nandyal, Andhra Pradesh"}
7: {key: "4988, 1", value: "Nellore, Andhra Pradesh"}
8: {key: "4846, 1", value: "Ongole, Andhra Pradesh"}
9: {key: "5091, 1", value: "Proddatur, Andhra Pradesh"}
10: {key: "4963, 1", value: "Rajahmundry, Andhra Pradesh"}

<div id="FullFilterCorner" class="col-sm-12">
<label class=""> Filter</label> <br />
<input id="FullFilter1" />
</div>

<script>
        $(function () {
var myAssociativeArr = [];
            for (var i = 0; i < States.length; i++) {
                var stateLocations = locations.filter(x => x.StateId == States[i].Id);
                for (var j = 0; j < stateLocations.length; j++) {

                    var newElement = {};
                    newElement['key'] = stateLocations[j].BranchId + ', ' + stateLocations[j].StateId;
                    newElement['value'] = stateLocations[j].BranchName + ', ' + States[i].State;

                    myAssociativeArr.push(newElement);
                }
            }

$("#FullFilter1").autocomplete({
                minLength: 0,
                source: myAssociativeArr,
                focus: function (event, ui) {
                    $("#FullFilter1").val(ui.item.value);
                    return false;
                },
                select: function (event, ui) {                    
                    $("#FullFilter1").val(ui.item.value);
                    return false;
                }
            }).data("ui-autocomplete")._renderItem = function (ul, item) {
                return $("<li>")
                    .append("<a>" + item.value + "<br>" + item.key + "</a>")
                    .appendTo(ul);
            };
            }
        </script>

Невозможно решить.

...