$( "#user" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: iANGEL + "manageuser/search/" + $("#user").val(),
cache: false,
type:"GET",
dataType:"json",
success: function( data ) {
//check response data
if(data.user_data.status == 200){
response($.map( data.user_data.result, function( item ) {
return item;
}));
}
}
});
},
select:function(event,ui){
$.console("[AUTOCOMPLETE] select");
//$.console(ui.item);
$(this).val( ui.item.User_NickName).attr("data",ui.item.User_ID);
return false;
}
}).data( "autocomplete" )._renderItem = function( ul, item ) {
//$.console(item);
return $( "<li>" )
.data( "item.autocomplete", item )
.append( "<a>" + item.User_NickName + "</a>" )
.appendTo(ul);
};
星期一, 12月 31, 2012
[jQuery UI] autocomplete 控制項
試很久才正常的自動完成控制項,
一開始用keyup的事件綁定後,向後端拿資料,再初始化自動完成控制項,
但就是會有異常的情況,包含後端包出來的JSON的客製的,別頁又可以正常work。
最後終於試了正常的方向,在這記錄一下,以免下次要用又搞很久Orz。
測試版本為jquery ui 1.9.1版
訂閱:
張貼留言 (Atom)
沒有留言:
張貼留言
留個話吧:)