[ZendFramework] JQUERY UI Autocomplete, Ajax i baza danych Opcje

[Krisu]

Witam,
próbuję w swojej aplikacji opartej o zend framework zaimplementować Autocomplete z JQuery UI z użyciem AJAX-a http://jqueryui.com/autocomplete/

Posiadam formularz przez który dodaję rekordy do bazy danych.
Opisują go takie pola jak
nazwa użytkownika,
opis zadania,
oraz ukryte pole id użytkownika.

Chciałbym tak użyć autocomplete by przez Ajaxa podczas wprowadzania nazwy pobierał dane z bazy i wyświetlał podpowiedzi już istniejących osób. Zaś po wybraniu konkretnej do ukrytego pola ma zwracać informację o jego id.

W poniższy sposób w widoku wyświetlam dane użytkowników i nie ma tu żadnych problemów

[PHP] pobierz, plaintext 
foreach ($this->clients as $k => $client):
            <tr>
                <td><?php echo $client['client_id'] ?></td>
                <td><?php echo $client['full_name'] ?></td>
            </tr>
endforeach;
[PHP] pobierz, plaintext 

Nie mam jednak pomysłu jak przypisać dane do źródła w JQUERY UI

[HTML] pobierz, plaintext 
<script>
$(function() {
function log( message ) {
$( "<div>" ).text( message ).prependTo( "#log" );
$( "#log" ).scrollTop( 0 );
}
$( "#city" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: "? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?",
dataType: "jsonp",
data: {
q: request.term
},
success: function( data ) {
response( data );
}
});
},
minLength: 3,
select: function( event, ui ) {
log( ui.item ?
"Selected: " + ui.item.label :
"Nothing selected, input was " + this.value);
},
open: function() {
$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
},
close: function() {
$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
}
});
});
</script>
[HTML] pobierz, plaintext 

Ten post edytował Krisu 29.06.2014, 14:20:56