由于項目中需要autocomplete,且項目中一直使用jquer的框架。所以繼續選用jquery 的插件jquery-autocomplete,看到jquery-autocomplete自帶的demo感覺很是容易但是在使用中卻沒有想象中的那么順手。
關于Jquery-autocomplete處理response中是Json對象時當成字符串處理。查了一些資料終于找到處理方法先看代碼:
$("#fromCity").autocomplete("../searchCity.do", {
multiple: true,
width:150,
max:50,
max:50,
multipleSeparator: '',
dataType: 'json',
//加入對返回的json對象進行解析函數,函數返回一個數組
parse: function(data) {
var rows = [];
for(var i=0; i<data.length; i++){
rows[rows.length] = {
data:data[i].nameEn +"-"+data[i].nameCn,
value:data[i].cityCode,
result:data[i].nameCn
};
}
return rows;
},
formatItem: function(row, i, n) {
return row;
}
});
同時給隱藏域賦值:
$("#hinpfromCity").result(function(event, data, formatted) {
var hidden = $("#fromCity");
hidden.val(data.substring(data.length-4,data.length-1));
});
就是在出來綁定中添加一個對返回的json對象進行解析函數。