业务上有需求,让输入姓氏就出现对应姓氏的人,假如输入“李”,则会出现一个下拉框,李1,李2,李3,李4都出来了,可以点击进行选择。
我们前端用的是bootstrap。
首先要先引入一个js: bootstrap-suggest.min.js
代码如下:
$(document).ready(function(){
var name1= $("#subcontractName").val();
var testBsSuggest = $("#subcontractName").bsSuggest({
type: 'post',
url: '<%=basePath%>webapi/contract/queryContractSuggest?flag=3&name='+name1,
getDataMethod: "url",
showBtn: false,
idField: "userId", //暂时没用到
keyField: "userName" //暂时没用到
}).on('onDataRequestSuccess', function (e, data) {
console.log('onDataRequestSuccess: ', data);
}).on('onSetSelectValue', function (e, data) {
listContract();
});
方法的返回类型为:Map<String, Object>。
需要注意的是:此控件似乎对IE浏览器的支持不太好。