查询自动补全

jquery.autocomplete.css

jquery.autocomplete.js  

$.ajax({
// try to leverage ajaxQueue plugin to abort previous requests
mode: "abort",
// limit abortion to this input
port: "autocomplete" + input.name,
dataType: options.dataType,
url: options.url,
data: $.extend({
q: lastWord(new Base64().encode(term)),
p: autocompleteCId,
limit: options.max
}, extraParams),
success: function(data) {
var parsed = options.parse && options.parse(data) || parse(data);
cache.add(term, parsed);
success(term, parsed);
}
});

@RequestMapping(value ="/getCsResultByQueryName",method = RequestMethod.GET)
public ResponseEntity<List<xxxx>> getCsResultByQueryName(@RequestParam(value="q") String khName,@RequestParam(value="p") Long communityId){
List<xxxx> propertyList = new ArrayList<xxxx>();
if(!"".equals(khName)){
String queryName =Base64.decode(khName,"utf-8");
queryName = SqlParameterUtil.convertLikeParameter(queryName);
if(communityId != null){
propertyList = housesPropertyService.getHousesPropertyByQueryName(communityId, queryName,null);
}
}
 return new ResponseEntity<List<xxxx>>(housesPropertyList, HttpStatus.OK);
}

//查询自动补全

$("#productName").autocomplete("${ctx}/bu/activitie/getResultByQueryName", {
minChars: 0,
max: 20,
autoFill: false,
mustMatch: true,
dataType: 'json',
matchContains: false,
scrollHeight: 'auto',
parse: function(data) {
           var rows = new Array();
           for (var i = 0; i < data.length; i++) {
               rows[i] = { data: data[i], value: data[i].productName+data[i].userName, result:  data[i].productName};
           }
           return rows;
       },
formatItem: function(row, i, total) {
return row.productName+" ("+row.userName+")";
}
}).result(function(e, row) {
$("#phoneNumber").val(row.phoneNumber);
$("#userName").val(row.userName);
$("#productNameMsg").text("");
$("#userNameMsg").text("");
$("#phoneNumberMsg").text("");
});