data handling problem

[kraaden]

data handling problem

[kraaden]

Hi DarkPark,

Just call the map function before passing data to autocompleter and everything should work:

var data = [
    {id: 08, name: 'Name A', title: 'Title A', img: 'imageA', data: ['dataA']},
    {id: 11, name: 'Name B', title: 'Title B', img: 'imageB', data: ['dataB']},
];

autocomplete({
    input: document.getElementById("items"),
    fetch: function(text, update) {
        text = text.toLowerCase();
        var mapped = data.map(n => ({ label: n.name, item: n }));
        var suggestions = mapped.filter(n => n.label.toLowerCase().startsWith(text));
        update(suggestions);
    },
    onSelect: function(item) {
        alert("You selected an item with ID " + item.id);
    }
});

You can test it here: https://fiddle.jshell.net/Ljaqr99r/1/

[DarkPark]

sure it's possible
I've already used something like this
but it's not very productive to create unnecessary levels of abstractions - more complications, more memory
it would be nice not to demand this structure { label: "text", item: ... } but to allow to pass any object
default render can expect this format but any custom one can handle another structure e.g. {id: ..., title: ...}
and onSelect will get this whole structure as it is
less hardcode, less magic

[kraaden]

The problem is resolved in the new version

npm i --save-dev [email protected]

[DarkPark]

thanks 👍