**
combobox 实现select 下拉模糊查找 功能
**
<select class="easyui-combobox" name="paymentUnit" id="paymentUnit" style="width:165px;height:25px;">
<option>请选择</option>
</select>
----------------------------------
$("#paymentUnit").combobox({
url:"XXXXXXXXXXX",
editable: true,
valueField: 'sCompanyName',//传递到后逃的id值等
textField: 'sCompanyName',//显示的值
panelWidth: 220, // 下拉框宽度
panelHeight: 250, // 下拉框高度
filter: function(q, row){
//$("#paymentUnit").combobox("select", row.name);
var opts = $(this).combobox('options');
return row[opts.textField].indexOf(q) > -1;
}
});
@RequestMapping(value = "/CompanyList", method = RequestMethod.POST)
@ResponseBody
public List<CompanyDTO> ComList(CompanyDTO CompanyDTO) {
ExecuteResult<List<CompanyDTO>> executeResult = CompanyFacade.queryCompayName(CompanyDTO);
return executeResult.getResult();
}
结果如下:
文章来自
https://blog.csdn.net/weixin_30892889/article/details/99770341
以上方式会存在请求两次的问题;
去掉select,优化结果如下:
<input id="paymentUnit" name="paymentUnit" class = "easyui-textbox" style="width:220px;">