码迷,mamicode.com
首页 > Web开发 > 详细

【easyui-combobox】下拉菜单自动补全功能,Ajax获取远程数据源

时间:2018-02-01 20:35:53      阅读:332      评论:0      收藏:0      [点我收藏+]

标签:servlet   ane   uefi   input   response   补充   request   显示   htm   

这个是针对easyUI的下拉菜单使用的,Ajax获取远程数据源

HTML 页面

<input id="uname" name="uname" class="easyui-combobox"  data-options=""  style="width: 120px;" />

JS代码

$("#uname").combobox({
		prompt:‘输入首关键字自动检索‘,
	        valueField:‘tDealerCodeDto‘,
	        textField:‘tDealerCodeDto‘,
	        panelWidth:120,
	        panelHeight:‘auto‘,
	        onChange:function(values,o){
	            if(values!=""){
	                var url=‘URL?name=‘+values.trim();
	                $("#uname").combobox("reload",url);
	            }
	        }
	    })

其中onchange函数的values参数为 控件input的输入value值, o参数具体的不清楚,因为已经可以实现下拉菜单了.但是通过打印知道该参数返回上一次input的输入值

部分后台代码

        @LoginCheck(description = true)
	@RequestMapping("queryName")
	@ResponseBody
	public List<TDealerDto> queryname(HttpServletRequest request, HttpServletResponse response,String name){
		List<TDealerDto> list= tcustomerService.queryName(name);
return list;
}

返回的实体中一定要包含combobox中显示的valueField和textField字段值

先介绍到这里..以后再补充

【easyui-combobox】下拉菜单自动补全功能,Ajax获取远程数据源

标签:servlet   ane   uefi   input   response   补充   request   显示   htm   

原文地址:https://www.cnblogs.com/kangzi/p/8400588.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!