Autocomplete

Deniss Fedotovs (deni2s), 02.09.2011., 09:54

Lielākā daļa mājaslapu mūsdienās izmanto jQuery bibliotēku, tāpēc izmantot jQuery UI iekļauto Autocomplete vidžetu sķiet diezgan loģiski.

Autocomplete

Problēma tāda, ka jQuery UI Autocomplete vidžeta dokumentācija ir diezgan saraustīta, tāpēc zemāk ir saites uz pilnīgāko informāciju:

Oficiālā pilnīgākā dokumentācija: docs.jquery.com/UI/Autocomplete
http://docs.jquery.com/Plugins/Autocomplete - nav vērts skatīties, jo šeit ir nepilnīga info)
Implementācija praksē: jQuery UI Autocomplete Widget with PHP and MySQL

Svarīgi atcerēties, ka pieprasījums jādod ar GET parametru "term" un rezultāti jāatgriež šādā JSON formatējumā:

[{"label":"Nosaukums","value":"232"},{"label":"Nosaukums cits","value":"63"},{"label":"Vēl kāds nosaukums","value":"asd"}]

uz rakstu sarakstu

ietvīto

pievieno facebookā

2 komentāri Komentēšana pieejama visiem.

koko (janis

xit.lv), 02.09.2011. 11:46:26 (ip:217.69.114.15)

Komentāra reitings: 0

Muļķības par atdodamajiem datiem. Defaultā, jā, protams šitā vajag, taču visus callback var pārrakstīt. Piemēram,
$('#input_lauks').autocomplete({
..
select: function(event, ui) {
var mainiigais = ui.item.jebkursh_mainiigais;
var mainiigais2 = ui.item.jebkursh_mainiigais2;
},
..
}).data("autocomplete")._renderItem = function( ul, item ) {
return $j("<li></li>")
.data( "item.autocomplete", item )
.append( "<a>" + item.dajebkaads_keys + "</a>" )
.appendTo( ul );
};

Šitādā veidā pilnīg visu var pārrakstīt un var dot pretī dajebkāda tipa json datus, piemēram [{"kaka":"Brūna","mainigais1":"kruta","mainigais2": "Vēl krutāk"}, {..}].

Protams, UI dokumentācijā tas nav aprakstīts, bet, ja nemoka slinkums, tad no piemēriem var izzīst :)

deni2s, 02.09.2011. 17:38:38

Komentāra reitings: 0

Paldies par papildinājumu! :) Šis var noderēt.

Komentāra pievienošana

uz rakstu sarakstu

Par web.hc.lv

web.hc.lv ir vortāls, kurā tiek aplūkoti mājaslapu veidošanas un mārketinga aspekti, no idejas līdz gandarījumam.

Reklāma

ienākt reģistrēties