google-like naseptavac

Logike takého výtvoru sa venuje jeden diel seriálu o Nette na zdrojáku.

cuga napsal(a):

jj, tohle jsem cetl taky… myslenka je dobra, akorat nevim jak zaridit, at se vypisuje jinak nez seznam a at reaguje na kliknuti…

podarilo se mi najit na netu ruzne navody, ale nic co bych dokazal navazat na nette…

spis me zajimalo, jestli uz si tohle nekdo neimplementoval :) kdyby se teda chtel podelit :)

Tak to tam je spíš záležitost jQuery.

$('<li></li>').text(payload.autoComplete[i]).appendTo(list);

Vytvoří <li></li> a dovnitř vloží text, celé to pak vloží do list (tedy <ul>).
Když chceš vložit html můžeš místo .text() použít .html(), nebo to spíš řešit úplně jinak ;] např přes spipety

Aby ten výpis byl klikací (jestli jsem dobře pochopil tak to bys chtěl) tak můžeš ten Davidův postup na zdrojáků nepatrně rozšířit:

$this->payload->autoComplete[] = $item;
//na
$this->payload->autoComplete[] = array('text'=>$item,'url'=>'http://nettephp.cz');

$('<li></li>').text(payload.autoComplete[i]).appendTo(list);
//na
var data = payload.autoComplete[i];
$('<a></a>').attr('href',data.url).text(data.text).appendTo($('<li></li>').appendTo(list));

pouzivam tohle jQuery autocomplete

neni to teda nettoidni, ale je to nasazene behem par minut a funguje to vsude a spolehlive vcetne pekneho spinneru apod.

cuga napsal(a):

jeste jsem tvoje reseni nezkousel, ale myslim ze jsme se nepochopili v tom „klikatelnem“ :)

chci at kdyz kliknu na polozku ze seznamu, tak se mi nahraje do inputu…

$('<li></li>').text(payload.autoComplete[i]).appendTo(list);
//na
$('<li></li>').text(payload.autoComplete[i]).click(function () {$('#text').val($(this).text());}).appendTo(list);

Nemohl jsem pochopit to co si neřekl, nicméně teď už jsme úplně mimo téma nette. Chceš-li pracovat s jQuery tak nejlépe nejprve nastuduj javascript celkově a pak jejich moc dobrou dokumentaci

To uz resi samotne jquery.nette.js, podivej se do tohoto kodu: https://github.com/…ery.nette.js
Spinner je to co hledas ;)