Autor Zpráva
Patrikue
Profil *
Ahoj,
snažím se získat text psaný do input v rámci našeptávače od github.com/Honatas/bootstrap-4-autocomplete, ale nedaří se mně vyřešit source externě. Nefunguje a už si nevím rady. Za pomoc budu strašně moc rád.

    $('#myAutocomplete').autocomplete({
    //source: src,
    maximumItems: 10,
    treshold: 2,
    source: function (_field, opts) {
        $.ajax({
            url:"/search.php",
            data: opts,            
            dataType:"json",
            type:"POST",
            success: function (data) {
                    return data;
               }
        });
    }       
});

Soubor search.php obsahuje JSON:
{"Bootstrap 4 Autocomplete example":1,"Best example in the world":2,"Bootstrap 4 Autocomplete is very nice":3,"It contains neatly arranged example items":4,"With many autocomplete values":5,"And it uses default Bootstrap 4 components":6,"You can use this example to test":7}
lionel messi
Profil
Patrikue:

Prosím o odkaz na živú ukážku, nech si to môžem "omakať" v praxi. :)

Konzola nič nehlási?
Keeehi
Profil
Musíš to otočit. Tan autocomplete vytvářet až ve chvíli kdy ti dojdou ta data.
$.ajax({
    url:"/search.php",
    data: opts,            
    dataType:"json",
    type:"POST",
    success: function (data) {
        $('#myAutocomplete').autocomplete({
            maximumItems: 10,
            treshold: 2,
            source: data
        });
    }
});

Nebo tomu předat objekt. Který se později naplní daty.
const myObj = {};

$('#myAutocomplete').autocomplete({
    source: myObj,
    maximumItems: 10,
    treshold: 2
});

$.ajax({
    url:"/search.php",
    data: opts,            
    dataType:"json",
    type:"POST",
    success: function (data) {    
        for (const key in data) {
            myObj[key] = data[key];
        }
    }
});
Patrikue
Profil *
Problém u tohoto bootstrap-4-autocomplete je ten, že potřebuji získat ten text, který se píše v input a ten následně při psaní posílat do data: xxxx.
Keeehi
Profil
Patrikue
Myslím, že to tenhle autocomplete neumí. Nebylo by lepší požít nějaký, který to umí? jqueryui.com/autocomplete/#remote-jsonp
Patrikue
Profil *
Ten neumí bootstrap 4. Nebo jsem ho nenašel pro tento UI autocomplete :(
Keeehi
Profil
Patrikue:
Jak neumí bootstrap 4? Bootstrap to je od toho, aby to nějak vypadalo, jQuery zase aby to něco dělalo. Není jediný důvod, proč by to nemělo spolu fungovat.
Živá ukázka Zdroj
Ty zakomentované řádky v javascriptové části byly potřeba pro rozchození ukázky, jelikož nemám zrovna po ruce server, který by mi posílal jsonp odpovědit. Ale stačí ty řádky odkomentovat a vždy ten následující smazat. Upravit URL a je to.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0