Autocomplete

02.09.2011. 12:54:27 sagatavoja Deniss Fedotovs (deni2s)

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 ]

2 komentāri Komentēšana pieejama visiem.

koko (janis

xit.lv) komentēja 02.09.2011. 14: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 komentēja 02.09.2011. 20:38:38

Komentāra reitings: 0

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

Komentāra pievienošana

[ uz rakstu sarakstu ]

Reklāma

Webmeistari.lv
Bizness internetā

Autocomplete

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.

Reklāma

Par web.hc.lv