Usuwanie duplikatów z listy po wczytaniu ajaxem

Question

Mam takie kod

         $.get("{{ path('Trainer') }}", {'id': categoryID}, function (data) {
                        $.each(data, function (i, value) {
                            $("#Trenerzy").append($('<option></option>').text(value.user.name).attr('value', value.user.id))

                        });
                    });

 

Kod ten pobiera ajaxem 3 obiekty z bazy i ładuje do listy. Problem w tym, że po załadowaniu listy, dodaje mi dwa razy jedno i to samo id użytkownika.  Np Trenerem jest Janek i Paweł. W tym Paweł prowadzi 2x zajęcia. Więc chciałbym by w liście był Janek i Paweł a nie 2x Paweł. Po prostu wystarczy jakoś usunąć duplikaty z listy.  Próbowałem wiele rozwiązań z SO i żaden nie działa.

 

Fragment zwracanych obiektów. Fragment, bo jest tam jeszcze dołączony obiekt user itd

[{"id":37,"title":"Zdarzenie1","start":"2016-12-27T11:30:00Z","end":"2016-12-27T14:00:00Z","allDay":null,"max":10,"isEventEnabled":true }]

efekt po załadowaniu;

https://gyazo.com/e2847e00ab029214904e346c67b27201

p.s struktura nie może się zmienić.

Comments

Hmm, no to piszemy funkcje:

Twój kod, który podaleś w pierwszym poście lekko zmodyfikujemy:

$.get("{{ path('Trainer') }}", {'id': categoryID}, function (data) {
    $.each(data, function (i, value) {
        $("#Trenerzy").append($(`<option value='${value.user.id}' class='person'>${value.user.name}</option>`));
     });
});

Przed tym dodamy naszą funkcje:

function duplicat(value) {
    const persons = $('.person'),
          len = persons.length;
    let result = true;
    if(len < 1) {
        result = false;
    } else {
        for (let i = 0; i < len; i++) {
            if (persons[i].value === value) {
                result = true;
                break;
            } else {
                result = false;
            }
        }
    }
    return result;
}

Funkcja ma znajdować się nad Twoim kodem, który teraz powinien wyglądać tak:

$.get("{{ path('Trainer') }}", {'id': categoryID}, function (data) { 
    $.each(data, function (i, value) {
        if(duplicat(value.user.id)) {
            //alert dla testu
            alert('Znaleziono trenera o tym samym ID');
        } else {
            $("#Trenerzy").append($(`<option value='${value.user.id}' class='person'>${value.user.name}</option>`));
        }
    });
});

 

---

Niestety kompletnie nie wykrywa duplikatu. Dalej ląduje 2x to samo id do value.

---

$("#Trenerzy").append($(`<option value='${value.user.id}' class='person'>${value.user.name}</option>`));

Tą linijke też podmieniłeś?

---

Tak, wszystko podmieniłem.  value.user.id się zgadza.

---

Kurde, to nie wiem co może być nie tak. Debuguj wszystko.

Answer 1

Dla potomnych...

sprawdzam, czy już istnieje taki element w liście i jeżeli tak to po prostu nic nie robi, w innym wypadku dodaje. Ważne, żę zmienną trzeba na stringa przekonwertować bo inaczej nie zlapie.

 

if ($("#Trenerzy option[value="+value.user.id.toString()+"]").length == 0)