jQuery autocomplete pro formulare

Upozornění: Tohle vlákno je hodně staré a informace nemusí být platné pro současné Nette.
wicked
Člen | 290
+
0
-

Ahoj kluci,

řešil tu někdo z Vás autocomplete?

Jde mi to, že přemýšlím, jak udělat vyhledávání s naseptavacem, je mi jasné, že využít jQuery autocomplete, ale jak to navesit na ten formular? Jak preposilat data (polozky budou naacitane z db)

Děkuji

Oli
Člen | 1215
+
0
-

No tak navěsil bych to normálně přes id. Posílal na nějakej signál a ten by vracel co vracet má (pokud se má jednat o remote autocomplete). Pokud se nemá jednat o remoteautocomplete, tak si z db vytáhnout data a poslat do šablony.

Nebo taky můžeš zkusit můj plugin form-selectize. Je to teda spíš na štítky, ale může se to klidně použít i na našeptávač. http://brianreavis.github.io/selectize.js/. Umí to i remote datasource, akorát jsem to ještě nepotřeboval, tak můj doplněk to neumí

wicked
Člen | 290
+
0
-

No našel jsem ještě toto

Chci udělat, když klient na stránkých začně psát do vyhledávání, tak mu naseptavac otevre div ve kterem bude nazev produktu, cena, fotka a kategorie …

samotný našeptávač mě samozdřejmně funguje (tedy základ z jQuery) ale jelikž javascripty vůbec neovládám nevím jak na ně napojit data z db a udělat si vlstní šablonu na zobrazení toto naseptavace …

naseptavac mam jednoduse takto

<script>
    $(function () {
        var availableTags = [zde musim napojit vysledek z db];
        $("#frm-searchForm-search").autocomplete({
            source: availableTags,
            open: function () {
                $(this).autocomplete("widget")
                        .appendTo("#naseptavac")
                        .css("position", "static");
            }
        });
    });
</script>

ALe jde mi o to, jak to dostanu ty vysledky do predem definovanych divu

<div id="naseptavac">
	<table class="wp-nap">
		<tr>
        	<td class="nasp-img"><img src="XXXX"></td> obrazek
            <td class="nasp-nazev">Nazev</td>
            <td class="nasp-cena">Cena</td>
            <td class="nasp-zob"><a href="#"><button>zobrazit</button></a></td>
         </tr>
	</table>
</div>

Jak bych prosím měl tedy upravit ten jQuery script aby mě ty vysledná data směroval sem? U formulare mam jednoduché textové pole, nic vic …

Děkuji

wicked
Člen | 290
+
0
-

Opravdu nikdo neví? :-(

Eda
Backer | 220
+
0
-

Místo toho: source: availableTags musíš dát URL, která bude směřovat na nějaký signál, pomocí kterého vrátíš z PHP JSON s možnostmi, které uživateli chceš nabídnout.

Pokud bojuješ s JS, určitě se podívej sem: http://jqueryui.com/autocomplete/
A sem: http://api.jqueryui.com/autocomplete/
To by tě mělo navést.

duskohu
Člen | 778
+
0
-

Mozes skusit: SuggestionInput
ale composer je este pre nette 2.1?

wicked
Člen | 290
+
0
-

Tak na jquery a autocomplete to je teď hozene. První úspěch je ten, že do source musím dát handle z presenteru na data z db.

Ale jak ještě udělat to. Aby výpis byl do mnou určených divů a ne jen název, ale další věci?

wicked
Člen | 290
+
0
-

Asi opravdu potřebuji více poradit … jsem nějaký bezmocný v tomto …