日期:2014-05-16  浏览次数:20394 次

jquery-autoComplete 处理返回的json对象问题
由于项目中需要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));
});